Articles of canvas

Ridimensiona un’immagine Base 64 in JavaScript senza usare canvas

Ho bisogno di un modo per ridimensionare le immagini in JavaScript senza utilizzare un elemento HTML. La mia app HTML mobile acquisisce le immagini e le converte in stringhe base64. Successivamente ho bisogno di ridimensionarli prima che vengano inviati all’API per risparmiare spazio di archiviazione. Sto cercando un modo diverso e più adatto per ridimensionarli, […]

Voglio fare l’animazione di un object lungo un percorso particolare

Devo spostare il piccolo rettangolo sul percorso. Il rettangolo si sposta dopo un clic all’interno dell’area di disegno. Non sono in grado di animarlo poiché l’object salta semplicemente al punto richiesto. Si prega di trovare il codice su Fiddle . HTML CSS #myCanvas { width:578px; height:200px; border:2px thin; } JavaScript var myRectangle = { x: […]

Come cambiare l’opacità (alfa, trasparenza) di un elemento in un elemento canvas dopo che è stato disegnato?

Usando l’elemento HTML5, vorrei caricare un file immagine (PNG, JPEG, ecc.), Disegnarlo completamente sulla canvas e poi sbiadirlo. Ho capito come caricare l’immagine e disegnare alla canvas, ma non so come cambiare la sua opacità una volta disegnata. Ecco il codice che ho finora: var canvas = document.getElementById(‘myCanvas’); if (canvas.getContext) { var c = canvas.getContext(‘2d’); […]

Usa Javascript per ottenere la dimensione massima del carattere su canvas

Sto disegnando una canvas che deve essere sullo schermo completo disponibile (larghezza e altezza del 100%). Ho impostato la larghezza e l’altezza della canvas usando javascript come questo var w = window.innerWidth; var h = window.innerHeight; var canvas = document.getElementById(“myCanvas”); canvas.width = w; canvas.height = h; Dopo aver impostato la canvas, ho bisogno di disegnare […]

Converti canvas in PDF

È ansible convertire direttamente canvas in pdf usando JavaScript ( pdf.js o qualcosa del genere)? C’è un altro modo ansible come canvas to img e poi img in pdf? Puoi darmi un esempio?

utilizzando HTML5 Canvas: ruota l’immagine attorno al punto arbitrario

Ruota il quadrante sopra un’immagine semicircolare (emisfero settentrionale) come sfondo. l’intervallo potrebbe essere compreso tra 0 e 180 gradi. sull’input al metodo che esegue la trasformazione dell’area di disegno, il quadrante ruoterà e si fermerà sul valore corrispondente. Ecco cosa stavo cercando in base all’aiuto e al campione trasmesso da phrogz

Cattura fotogrammi dal video con HTML5 e JavaScript

Voglio catturare una cornice dal video ogni 5 secondi. Questo è il mio codice JavaScript: video.addEventListener(‘loadeddata’, function() { var duration = video.duration; var i = 0; var interval = setInterval(function() { video.currentTime = i; generateThumbnail(i); i = i+5; if (i > duration) clearInterval(interval); }, 300); }); function generateThumbnail(i) { //generate thumbnail URL data var context […]

Usa come sfondo CSS

Posso usare l’elemento canvas come sfondo css?

html5: mostra il video all’interno della canvas

è ansible visualizzare un html5–video come parte della canvas? praticamente nello stesso modo in cui disegni un’immagine nella canvas. context.drawVideo(vid, 0, 0); Grazie!

Qual è lo stato attuale della tecnica nelle librerie e nei framework JavaScript JavaScript canvas?

Attualmente sto studiando le opzioni per lavorare con la canvas in una nuova applicazione HTML 5 e mi chiedevo quale sia lo stato attuale della tecnica nelle librerie e nei framework JavaScript JavaScript canvas; In particolare, ci sono framework che supportano il tipo di cose necessarie per lo sviluppo del gioco: animazioni complesse, gestione di […]