Domande taggate «canvas»

Canvas è un termine generico per la superficie del disegno utilizzata con molte API di output per la grafica a forma libera. Utilizzare questo tag con altri tag che indicano l'API grafica specifica utilizzata insieme al linguaggio di programmazione e all'ambiente di destinazione: [android], [uwp], [wpf], [tkinter], [java], [html5], [chart.js] ecc. Includi anche un tag canvas specifico come [android-canvas], [html5-canvas], [tkinter-canvas] se appropriato.

10
Qual è la differenza tra SVG e HTML5 Canvas?
Quali sono le differenze tra SVG e HTML5 Canvas? Entrambi sembrano fare lo stesso con me. Fondamentalmente, entrambi disegnano grafica vettoriale utilizzando punti di coordinate. Cosa mi sto perdendo? Quali sono le principali differenze tra SVG e HTML5 Canvas? Perché dovrei sceglierne uno piuttosto che l'altro?
92 html  canvas  svg 
10
Perché canvas.toDataURL () genera un'eccezione di sicurezza?
Non ho dormito abbastanza o cosa? Questo codice seguente 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")); } sta generando questo errore: SECURITY_ERR: DOM Exception 18 Non è possibile che questo non funzioni! …
2
Dati PNG Base64 su tela HTML5
Voglio caricare un'immagine PNG codificata in Base64 nell'elemento canvas. Ho questo codice: <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 ottengo l'errore: Uncaught TypeError: Type error E nel Firebug di …
90 html  canvas  png  base64 
13
Ridimensionamento della tela Chart.js
In ( Android WebView HTML5 canvas error ) ho pubblicato una domanda riguardante la stampa di grafici utilizzando la libreria Graph.js. Il problema che ho ora è che se chiamo la funzione per tracciare il grafico più volte, la tela si ridimensiona ogni volta. Ogni volta che il grafico viene …
86 html  canvas  chart.js 
9
Ottieni il colore dei pixel dalla tela, su mousemove
È possibile ottenere il pixel del valore RGB sotto il mouse? C'è un esempio completo di questo? Ecco cosa ho finora: 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) …
Utilizzando il nostro sito, riconosci di aver letto e compreso le nostre Informativa sui cookie e Informativa sulla privacy.
Licensed under cc by-sa 3.0 with attribution required.