Questions marquées «canvas»

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.

10
Quelle est la différence entre SVG et HTML5 Canvas?
Quelles sont les différences entre SVG et HTML5 Canvas? Ils semblent tous les deux me faire de même. Fondamentalement, ils dessinent tous les deux des illustrations vectorielles en utilisant des points de coordonnées. Qu'est-ce que je rate? Quelles sont les principales différences entre SVG et HTML5 Canvas? Pourquoi devrais-je choisir …
92 html  canvas  svg 
5
Comment remplir toute la toile avec une couleur spécifique
Comment remplir tout le HTML5 <canvas>avec une couleur. J'ai vu des solutions comme celle- ci pour changer la couleur de fond en utilisant CSS mais ce n'est pas une bonne solution puisque le canevas reste transparent, la seule chose qui change est la couleur de l'espace qu'il occupe. Une autre …
10
Pourquoi canvas.toDataURL () lève-t-il une exception de sécurité?
N'ai-je pas assez dormi ou quoi? Ce code suivant var frame=document.getElementById("viewer"); frame.width=100; frame.height=100; var ctx=frame.getContext("2d"); var img=new Image(); img.src="http://www.ansearch.com/images/interface/item/small/image.png" img.onload=function() { // draw image ctx.drawImage(img, 0, 0) // Here's where the error happens: window.open(frame.toDataURL("image/png")); } lance cette erreur: SECURITY_ERR: DOM Exception 18 Il n'y a aucun moyen que cela ne …
2
Données PNG Base64 vers toile HTML5
Je souhaite charger une image PNG encodée en Base64 dans un élément canvas. J'ai ce code: <html> <head> </head> <body> <canvas id="c"></canvas> <script type="text/javascript"> var canvas = document.getElementById("c"); var ctx = canvas.getContext("2d"); data = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAIAAAACDbGyAAAAAXNSR0IArs4c6QAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9oMCRUiMrIBQVkAAAAZdEVYdENvbW1lbnQAQ3JlYXRlZCB3aXRoIEdJTVBXgQ4XAAAADElEQVQI12NgoC4AAABQAAEiE+h1AAAAAElFTkSuQmCC"; ctx.drawImage(data, 0, 0); </script> </body> </html> Dans Chrome 8, j'obtiens l'erreur: Uncaught TypeError: Type error …
89 html  canvas  png  base64 
13
Redimensionnement du canevas Chart.js
Dans ( Erreur de canevas Android WebView HTML5 ), j'ai posté une question concernant le traçage de graphiques à l'aide de la bibliothèque Graph.js. Le problème que j'ai maintenant est que si j'appelle la fonction pour tracer le graphique plusieurs fois, la toile se redimensionne à chaque fois. Chaque fois …
86 html  canvas  chart.js 
En utilisant notre site, vous reconnaissez avoir lu et compris notre politique liée aux cookies et notre politique de confidentialité.
Licensed under cc by-sa 3.0 with attribution required.