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.


5
Grafici / grafici interattivi veloci e reattivi: SVG, Canvas, altro?
Sto cercando di scegliere la tecnologia giusta da utilizzare per aggiornare un progetto che fondamentalmente rende migliaia di punti in un grafico zoomabile e pannabile. L'attuale implementazione, utilizzando Protovis, è sottoperformante. Controllalo qui: http://www.planethunters.org/classify Ci sono circa 2000 punti quando si rimpicciolisce completamente. Prova a utilizzare le maniglie in basso …
114 html  canvas  svg  d3.js  kineticjs 

14
Dimensione massima di un elemento <canvas>
Sto lavorando con un elemento canvas con un'altezza di 600to 1000pixel e una larghezza di diverse decine o centinaia di migliaia di pixel. Tuttavia, dopo un certo numero di pixel (ovviamente sconosciuto), la tela non mostra più le forme che disegno con JS. Qualcuno sa se c'è un limite? Testato …
112 javascript  html  canvas 

5
Disegnare un'immagine da un URL di dati a una tela
Come posso aprire un'immagine in una tela? che è codificato Sto usando il var strDataURI = oCanvas.toDataURL(); L'output è l'immagine base 64 codificata. Come posso disegnare questa immagine su una tela? Voglio usare strDataURI e creare l'immagine? È possibile? In caso contrario, quale potrebbe essere la soluzione per caricare l'immagine …
112 image  html  canvas  data-uri 





4
Come aggiungere un'immagine alla tela
Sto sperimentando un po 'con il nuovo elemento canvas in HTML. Voglio semplicemente aggiungere un'immagine alla tela ma per qualche motivo non funziona. Ho il codice seguente: HTML &lt;canvas id="viewport"&gt;&lt;/canvas&gt; CSS canvas#viewport { border: 1px solid white; width: 900px; } JS var canvas = document.getElementById('viewport'), context = canvas.getContext('2d'); make_base(); function …
106 javascript  html  canvas 

8
Come centrare la tela in html5
Ho cercato una soluzione per un po 'di tempo, ma non ho trovato nulla. Forse sono solo i miei termini di ricerca. Bene, sto cercando di rendere il centro della tela in base alle dimensioni della finestra del browser. La tela è 800x600. E se la finestra scende al di …
105 html  canvas  css  resize 

3
Utilizza HTML5 per ridimensionare un'immagine prima del caricamento
Ho trovato alcuni post diversi e persino domande su stackoverflow che rispondono a questa domanda. Fondamentalmente sto implementando la stessa cosa di questo post . Quindi ecco il mio problema. Quando carico la foto, devo inviare anche il resto del modulo. Ecco il mio html: &lt;form id="uploadImageForm" enctype="multipart/form-data"&gt; &lt;input name="imagefile[]" …
102 javascript  html  canvas 

9
Il pacchetto cairo non è stato trovato nel percorso di ricerca di pkg-config. Problema relativo all'installazione di canvas del nodo js
Sto riscontrando un problema durante l'installazione dell'installazione del modulo canvas nel nodo .. Sembra che sia qualcosa con cairo, ricevo questo errore ... npm http GET https://registry.npmjs.org/canvas npm http 304 https://registry.npmjs.org/canvas npm http GET https://registry.npmjs.org/nan npm http 304 https://registry.npmjs.org/nan &gt; canvas@1.1.3 install /Users/plimb/Desktop/motion-therapy/node_modules/canvas &gt; node-gyp rebuild Package cairo was not …

5
Ottieni la distanza tra due punti nella tela
Ho una scheda di disegno su tela e voglio che la larghezza della linea sia basata sulla distanza tra gli ultimi due aggiornamenti delle coordinate di rimozione del mouse. Farò la traduzione della distanza in larghezza da solo, ho solo bisogno di sapere come ottenere la distanza tra quei punti …
100 javascript  canvas 



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.