J'ai le code de travail suivant: ctx = document.getElementById("canvas").getContext('2d'); Existe-t-il un moyen de le réécrire pour l'utiliser $? Faire cela échoue: ctx =
Les photos des appareils photo numériques sont souvent enregistrées au format JPEG avec une balise «d'orientation» EXIF. Pour s'afficher correctement, les images doivent être pivotées / reflétées en fonction de l'orientation définie, mais les navigateurs ignorent ces informations pour rendre...
La carte Je crée un RPG basé sur des tuiles avec Javascript, en utilisant des cartes de hauteur de bruit perlin, puis j'attribue un type de tuile en fonction de la hauteur du bruit. Les cartes finissent par ressembler à quelque chose comme ça (dans la vue minicarte). J'ai un algorithme assez simple...
J'essaie de créer un élément de toile qui occupe 100% de la largeur et de la hauteur de la fenêtre. Vous pouvez voir dans mon exemple ici que cela se produit, mais il ajoute des barres de défilement dans Chrome et FireFox. Comment puis-je éviter les barres de défilement supplémentaires et...
Est-il possible d'écrire du texte sur HTML5
J'utilise des éléments de canevas html5 pour redimensionner les images dans mon navigateur. Il s'avère que la qualité est très faible. J'ai trouvé ceci: Désactivez l'interpolation lors de la mise à l'échelle d'un <canvas>, mais cela n'aide pas à augmenter la qualité. Vous trouverez ci-dessous...
La spécification a une fonction context.measureText (texte) qui vous indiquera la largeur nécessaire pour imprimer ce texte, mais je ne trouve pas de moyen de savoir quelle est sa hauteur. Je sais que c'est basé sur la police, mais je ne sais pas convertir une chaîne de police en une hauteur de...
Je suis en train de créer une application Web HTML5 / une application native Phonegap et je n'arrive pas à comprendre comment enregistrer ma toile en tant qu'image avec canvas.toDataURL(). Quelqu'un peut-il m'aider? Voici le code, quel est le problème? // Mon canevas a été nommé "canvasSignature"...
J'ai trouvé qu'il n'y avait qu'un rectangle de remplissage, mais pas de coin arrondi, comment puis-je faire
Il semble que requestAnimationFrame c'est la manière de facto d'animer les choses maintenant. Cela a plutôt bien fonctionné pour moi pour la plupart, mais pour le moment, j'essaie de faire des animations de canevas et je me demandais: y a-t-il un moyen de m'assurer qu'il fonctionne à un certain...
La manière standard de gérer les situations où le navigateur ne prend pas en charge la <canvas>balise HTML5 consiste à intégrer du contenu de secours comme: <canvas>Your browser doesn't support "canvas".</canvas> Mais le reste de la page reste le même, ce qui peut être inapproprié...
Pour une application de dessin, j'enregistre les coordonnées du mouvement de la souris dans un tableau, puis je les dessine avec lineTo. La ligne résultante n'est pas lisse. Comment puis-je produire une seule courbe entre tous les points rassemblés? J'ai cherché sur Google mais je n'ai trouvé que 3...
Un moyen simple de mesurer la hauteur du texte? La façon dont je le fais maintenant est d'utiliser Paint's measureText()pour obtenir la largeur, puis par essais et erreurs, trouver une valeur pour obtenir une hauteur approximative. J'ai aussi joué avec FontMetrics, mais tout cela semble être des...
Mon code fonctionne très bien sur mon hôte local mais il ne fonctionne pas sur le site. J'ai eu cette erreur de la console, pour cette ligne .getImageData(x,y,1,1).data: Uncaught SecurityError: Failed to execute 'getImageData' on 'CanvasRenderingContext2D': The canvas has been tainted by...
Existe-t-il un moyen par défaut de dessiner un fichier SVG sur un canevas HTML5? Google Chrome prend en charge le chargement du SVG en tant qu'image (et simplement l'utilisation drawImage), mais la console du développeur l'avertit resource interpreted as image but transferred with MIME type...
Existe-t-il une méthode qui renvoie la largeur (en pixels) d'un texte à dessiner sur un canevas Android en utilisant la méthode drawText () en fonction du Paint utilisé pour le
Je voudrais copier TOUS les contenus d'un canevas et les transférer dans un autre tout du côté client. Je pense que j'utiliserais la méthode canvas.toDataURL()et context.drawImage()pour implémenter cela, mais je rencontre quelques problèmes. Ma solution serait d'obtenir Canvas.toDataURL()et de...
Je suis un programmeur Java expérimenté, mais je regarde des trucs JavaScript / HTML5 pour la première fois depuis une dizaine d'années. Je suis complètement perplexe sur ce qui devrait être la chose la plus simple qui soit. À titre d'exemple, je voulais juste dessiner quelque chose et y ajouter un...
REMARQUE : cela a à voir avec la façon dont les éléments de canevas existants sont rendus lors de la mise à l'échelle , pas avec la façon dont les lignes ou les graphiques sont rendus sur une surface de canevas . En d'autres termes, cela a tout à voir avec l' interpolation des éléments mis à...
Je voudrais faire pivoter les photos en fonction de leur rotation d'origine, comme défini par l'appareil photo dans les données d'image JPEG EXIF. L'astuce est que tout cela devrait se produire dans le navigateur, en utilisant JavaScript et <canvas>. Comment JavaScript pourrait-il accéder au...