L'utilisation d'un programme de dessin instantané pour créer du HTML dynamique est-elle possible?

Question

Je suis intéressé par le développement d'une application où les gens peuvent dessiner le fond de leur page d'accueil personnelle en utilisant un programme de dessin flash générique (comme l'application de graffiti sur facebook .. quelque chose de très simple). J'ai peu/pas d'expérience avec flash, mais je suppose que je pourrais simplement sortir le dessin comme un fichier image et que ce soit l'arrière-plan. Cela semble assez facile.

La vraie question est de savoir comment y incorporer du HTML simple. Je vois des problèmes en ce qui concerne les différentes résolutions d'écran et les navigateurs. Par exemple, la configuration la plus basique serait de dessiner une image et d'incorporer une boîte de recherche. Disons que la boîte de recherche (code HTML fixe) était une option à glisser dans le programme flash sur le canevas. Est-il possible de contourner comment/où le HTML apparaîtrait sur différentes résolutions d'écran et navigateurs? J'ai l'impression que lorsque le navigateur est agrandi, l'alignement de l'image avec le HTML serait chamboulé. Est-ce que seules les tailles d'images fixes autorisées le résolvent?

Des idées sur comment implémenter quelque chose comme ça? Serait grandement apprécié !!

Answer 1

Dans l'ensemble, je pense que la simplicité de la fonctionnalité que vous recherchez trahit la complexité de cette fonctionnalité. Je commencerais en brisant votre problème en composants:

• produire une image créée par l'utilisateur
• application d'une image en arrière-plan
• Obtenir cette image pour bien paraître & se comportent comme vous voulez qu'il

Pour chacun, il existe plusieurs manières d'aborder le problème. Pour produire l'image dans Flash, notez que si vous n'utilisez pas une application ou un plugin prêt, vos utilisateurs auront probablement besoin d'options de dessin, telles que différentes tailles de stylos, de couleurs, d'effacement, etc. Flash, la construction de ceux-ci sera un défi sérieux. Alternativement, il y a quelques plugins de dessin Jquery/Javascript avec des options de dessin prêt que vous pourriez examiner. Ils sont susceptibles d'être beaucoup plus simples à incorporer. Pour l'image d'arrière-plan, l'ajout de HTML sur le dessus d'une manière qui aura l'air bien dans tous les navigateurs ne sera pas votre problème. Pour vous donner une idée rapide, vous pouvez soit utiliser l'image directement dans votre HTML et la superposer avec un div qui contient votre code HTML, soit utiliser Jquery (par exemple) pour permuter dynamiquement l'image d'arrière-plan d'une div. En fonction de la taille de votre image et de la façon dont vous voulez qu'elle se comporte, la taille de votre image et/ou la largeur de votre page HTML devront peut-être être corrigées (ce qui est bien). Si vous insistez pour créer une image qui s'étire dynamiquement (c'est-à-dire où les proportions de l'image changent) lorsque la fenêtre du navigateur est redimensionnée, la tâche devient beaucoup plus difficile.

En fonction de votre flexibilité, il est possible d'ajouter des options plus faciles, telles que permettre aux utilisateurs de télécharger une image d'arrière-plan qu'ils ont créée sur leurs propres machines. Si vous souhaitez que toutes ces fonctionnalités soient sur le Web, vous pouvez éventuellement diriger les utilisateurs vers une application/éditeur de dessin Web sur un autre site Web où ils peuvent produire leurs images et les télécharger sur votre propre site.

Espérons que ça aide.

Answer 2

Vous devriez jeter un coup d'œil à AIR. Si vous avez besoin d'une application en ligne, vous trouverez peut-être un moyen de lier l'air avec elle.

AIR dispose de fonctionnalités de rendu HTML.

http://livedocs.adobe.com/flash/9.0/ActionScriptLangRefV3/ et cliquez sur flash.html dans la section Forfaits

Answer 3

Une façon que de nombreux sites contourner ce (stackoverflow inclus) est d'avoir un site de largeur fixe qui est centré verticalement. Cela nécessite une largeur d'écran minimale, mais fournit une mise en page fixe avec une faible complexité qui semble toujours bien sur les grands moniteurs.