Canvas est un terme générique pour la surface de dessin utilisée avec de nombreuses API de sortie graphique de forme libre. Utilisez cette balise avec d'autres balises indiquant l'API graphique spécifique utilisée avec le langage de programmation et l'environnement cible: [android], [uwp], [wpf], [tkinter], [java], [html5], [chart.js] etc. Incluez également une balise canevas spécifique telle que [android-canvas], [html5-canvas], [tkinter-canvas] le cas échéant.
Après avoir expérimenté des opérations composites et dessiné des images sur la toile, j'essaie maintenant de supprimer les images et le compositing. Comment puis-je faire cela? J'ai besoin d'effacer la toile pour redessiner d'autres images; cela peut durer un certain temps, donc je ne pense pas que...
"Signaler un bug" ou "Outil de rétroaction" de Google vous permet de sélectionner une zone de la fenêtre de votre navigateur pour créer une capture d'écran qui est soumise avec vos commentaires sur un bug. Capture d'écran de Jason Small, publiée dans une question en double . Comment font-ils cela?...
Est-il possible de capturer ou d'imprimer ce qui est affiché dans un canevas html en tant qu'image ou pdf? J'aimerais générer une image via canvas et pouvoir générer un png à partir de cette
Quelle est la meilleure approche pour créer des éléments à la volée et pouvoir les déplacer? Par exemple, disons que je veux créer un rectangle, un cercle et un polygone, puis sélectionner ces objets et les déplacer. Je comprends que HTML5 fournit trois éléments qui peuvent rendre cela possible:...
Comment mettre automatiquement à l'échelle l' <canvas>élément HTML5 pour l'adapter à la page? Par exemple, je peux obtenir une mise <div>à l'échelle en définissant les propriétés heightet widthà 100%, mais <canvas>pas une mise à l'échelle, n'est-ce
J'essaie de créer une image miniature du côté client en utilisant javascript et un élément canvas, mais quand je rétrécis l'image, ça a l'air terrible. Il semble qu'il ait été réduit dans Photoshop avec le rééchantillonnage défini sur `` Voisin le plus proche '' au lieu de Bicubic. Je sais qu'il...
Quelle est la façon la plus simple d'ajouter un gestionnaire d'événements click à un élément canvas qui renverra les coordonnées x et y du clic (par rapport à l'élément canvas)? Aucune compatibilité de navigateur héritée requise, Safari, Opera et Firefox
Je travaille sur un projet d'art génératif où j'aimerais permettre aux utilisateurs de sauvegarder les images résultantes d'un algorithme. L'idée générale est: Créer une image sur un canevas HTML5 à l'aide d'un algorithme génératif Une fois l'image terminée, autorisez les utilisateurs à enregistrer...
Je veux avoir une page Web qui a un mot centré. Je veux que ce mot soit dessiné avec une animation, de telle sorte que la page "écrit" le mot de la même manière que nous le ferions, c'est-à-dire qu'il commence à un point et dessine des lignes et des courbes dans le temps de sorte que le résultat...
J'utilise l'outil JavaScript "Canvas2Image" de Nihilogic pour convertir des dessins de toile en images PNG. Ce dont j'ai besoin maintenant, c'est de transformer ces chaînes base64 que cet outil génère, en fichiers PNG réels sur le serveur, en utilisant PHP. En bref, ce que je fais actuellement est...
Fermé. Cette question n'est pas reproductible ou a été causée par des fautes de frappe . Il n'accepte pas actuellement les réponses. Voulez-vous améliorer cette question? Mettez à jour la question pour qu'elle soit sur le sujet de Stack Overflow. Fermé il y a 6 ans . Améliorez cette question...
Je souhaite enregistrer ma toile dans une image. J'ai cette fonction: function save() { document.getElementById("canvasimg").style.border = "2px solid"; var dataURL = canvas.toDataURL(); document.getElementById("canvasimg").src = dataURL; document.getElementById("canvasimg").style.display =...
En utilisant l' <canvas>élément HTML5 , je voudrais charger un fichier image (PNG, JPEG, etc.), le dessiner sur la toile de manière complètement transparente, puis le fondre dedans. J'ai compris comment charger l'image et la dessiner dans le toile, mais je ne sais pas comment changer son...
J'ai 2 toiles, l'une utilise des attributs HTML widthet heightpour la dimensionner, l'autre utilise du CSS: <canvas id="compteur1" width="300" height="300" onmousedown="compteurClick(this.id);"></canvas> <canvas id="compteur2" style="width: 300px; height: 300px;"
J'essaye d'afficher un texte en utilisant le code ci-dessous. Le problème est que le texte n'est pas centré horizontalement. Lorsque je règle les coordonnées pour drawText, il définit le bas du texte à cette position. Je voudrais que le texte soit dessiné de sorte que le texte soit centré également...
Est-il possible de fixer la largeur et la hauteur d'un canvasélément HTML5 ? La manière habituelle est la suivante: <canvas id="canvas" width="300" height="300"></canvas>
Le HTML5 Canvas n'a pas de méthode pour définir explicitement un seul pixel. Il peut être possible de définir un pixel en utilisant une ligne très courte, mais l'antialisation et les limites de ligne peuvent alors interférer. Une autre façon pourrait être de créer un petit ImageDataobjet et...
Sans aucune bibliothèque d'extension, est-il possible d'avoir plusieurs calques dans le même élément de canevas? Donc, si je fais un clearRect sur le calque supérieur, il n'effacera pas celui du bas?
Quelqu'un sait comment cela peut être fait? Utiliseriez-vous un objet canevas, svg, jQuery,
Je veux pouvoir zoomer sur le point sous la souris dans un canevas HTML 5, comme un zoom sur Google Maps . Comment puis-je y