Als «canvas» getaggte Fragen

Canvas ist ein Oberbegriff für die Zeichenfläche, die mit vielen Freiform-Grafikausgabe-APIs verwendet wird. Verwenden Sie dieses Tag mit anderen Tags, die die spezifische Grafik-API angeben, die zusammen mit der Programmiersprache und der Zielumgebung verwendet wird: [android], [uwp], [wpf], [tkinter], [java], [html5], [chart.js] usw. Fügen Sie gegebenenfalls auch ein bestimmtes Canvas-Tag wie [android-canvas], [html5-canvas] und [tkinter-canvas] hinzu.

10
Was ist der Unterschied zwischen SVG und HTML5 Canvas?
Was sind die Unterschiede zwischen SVG und HTML5 Canvas? Sie scheinen mir beide dasselbe anzutun. Grundsätzlich zeichnen beide Vektorgrafiken mit Koordinatenpunkten. Was vermisse ich? Was sind die Hauptunterschiede zwischen SVG und HTML5 Canvas? Warum sollte ich einen über den anderen wählen?
92 html  canvas  svg 
10
Warum löst canvas.toDataURL () eine Sicherheitsausnahme aus?
Habe ich nicht genug geschlafen oder was? Dieser folgende Code 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")); } wirft diesen Fehler: SECURITY_ERR: DOM Exception 18 Das sollte auf keinen Fall funktionieren! Kann …
5
So füllen Sie die gesamte Leinwand mit einer bestimmten Farbe
Wie man ganzes HTML5 <canvas>mit einer Farbe füllt . Ich habe einige Lösungen wie diese gesehen , um die Hintergrundfarbe mithilfe von CSS zu ändern, aber dies ist keine gute Lösung, da die Leinwand transparent bleibt. Das einzige, was sich ändert, ist die Farbe des Raums, den sie einnimmt. Eine …
2
Base64-PNG-Daten in HTML5-Zeichenfläche
Ich möchte ein in Base64 codiertes PNG-Bild in das Canvas-Element laden. Ich habe diesen 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> In Chrome 8 erhalte ich folgende Fehlermeldung: Uncaught TypeError: Type …
86 html  canvas  png  base64 
13
Die Größe der Leinwand von Chart.j wird geändert
In ( Android WebView HTML5 Canvas-Fehler ) habe ich eine Frage zum Plotten von Diagrammen mit der Graph.js-Bibliothek gestellt. Das Problem, das ich jetzt habe, ist, dass, wenn ich die Funktion zum mehrfachen Zeichnen des Diagramms aufrufe, die Größe der Zeichenfläche jedes Mal geändert wird. Jedes Mal, wenn das Diagramm …
85 html  canvas  chart.js 
9
Holen Sie sich Pixelfarbe von der Leinwand auf Mausbewegung
Ist es möglich, das RGB-Wertpixel unter die Maus zu bekommen? Gibt es ein vollständiges Beispiel dafür? Folgendes habe ich bisher: function draw() { var ctx = document.getElementById('canvas').getContext('2d'); var img = new Image(); img.src = 'Your URL'; img.onload = function(){ ctx.drawImage(img,0,0); }; canvas.onmousemove = function(e) { var mouseX, mouseY; if(e.offsetX) { …
6
Html5 canvas drawImage: Anwenden von Antialiasing
Bitte schauen Sie sich das folgende Beispiel an: http://jsfiddle.net/MLGr4/47/ var canvas = document.getElementById("canvas"); var ctx = canvas.getContext("2d"); img = new Image(); img.onload = function(){ canvas.width = 400; canvas.height = 150; ctx.drawImage(img, 0, 0, img.width, img.height, 0, 0, 400, 150); } img.src = "http://openwalls.com/image/1734/colored_lines_on_blue_background_1920x1200.jpg"; Wie Sie sehen, ist das Bild kein …
16
Wie zeichne ich ein Oval in HTML5-Leinwand?
Es scheint keine native Funktion zu geben, um eine ovale Form zu zeichnen. Auch ich suche nicht die Eiform. Ist es möglich, ein Oval mit 2 Bezierkurven zu zeichnen? Hat das jemand erlebt? Mein Zweck ist es, einige Augen zu zeichnen und tatsächlich benutze ich nur Bögen. Danke im Voraus. …
Durch die Nutzung unserer Website bestätigen Sie, dass Sie unsere Cookie-Richtlinie und Datenschutzrichtlinie gelesen und verstanden haben.
Licensed under cc by-sa 3.0 with attribution required.