Articles of canvas

Dati PNG Base64 su canvas HTML5

Voglio caricare un’immagine PNG codificata in Base64 sull’elemento canvas. Ho questo codice: var canvas = document.getElementById(“c”); var ctx = canvas.getContext(“2d”); data = “data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAIAAAACDbGyAAAAAXNSR0IArs4c6QAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9oMCRUiMrIBQVkAAAAZdEVYdENvbW1lbnQAQ3JlYXRlZCB3aXRoIEdJTVBXgQ4XAAAADElEQVQI12NgoC4AAABQAAEiE+h1AAAAAElFTkSuQmCC”; ctx.drawImage(data, 0, 0); In Chrome 8 ho ricevuto l’errore: Uncaught TypeError: Type error E in Firefox Firebug questo: “Il tipo di un object è incompatibile con il tipo previsto del parametro associato […]

Qual è il modo migliore per impostare un singolo pixel in una canvas HTML5?

La canvas HTML5 non ha alcun metodo per impostare esplicitamente un singolo pixel. Potrebbe essere ansible impostare un pixel usando una linea molto corta, ma poi l’antializzazione e il limite di linea potrebbero interferire. Un altro modo potrebbe essere quello di creare un piccolo object ImageData e utilizzare: context.putImageData(data, x, y) metterlo a posto. Qualcuno […]

Canvas toDataURL () restituisce un’immagine vuota solo in Firefox

Sto usando glfx.js per modificare la mia immagine, ma quando sto cercando di ottenere i dati di quell’immagine usando la funzione toDataURL() ottengo un’immagine vuota (larghezza della stessa dimensione dell’immagine originale). La cosa strana è che in Chrome la sceneggiatura funziona perfettamente. Quello che voglio menzionare è che l’immagine viene caricata su canvas usando l’evento […]

Come rendere l’effetto testo del tetto e l’effetto testo valle in HTML5 (o Fabric.js)

Sto usando sotto il codice: // Curve: 110 OffsetY: 0 Text height: 64 Bottom: 200 Text: Ho bisogno dell’effetto di testo come sotto le immagini, ho provato molto per farlo ma non posso. Per favore qualcuno può aiutarmi? Possiamo anche usare l’object attivo da fabric.js con il contesto?

tratto punteggiato in

Immagino che non sia ansible impostare la proprietà del tratto come il CSS, che è abbastanza facile. Con i CSS abbiamo tratteggiato, tratteggiato, solido ma su canvas quando disegno linee / o tratti questo non sembra essere un’opzione. Come hai implementato questo? Ho visto alcuni esempi ma sono davvero lunghi per una funzione così stupida. […]

Come disegnare un rettangolo arrotondato su canvas HTML?

Ho scoperto che ci sono solo in grado di riempire il rettangolo, ma senza angoli arrotondati, come posso farlo?

Dimensione della canvas HTML5 tramite CSS rispetto agli attributi degli elementi

Non capisco perché i seguenti pezzi di codice producano risultati diversi, perché css ridimensiona la canvas mentre veniva ingrandita, #canvas { width: 800px; height: 600px; } In contrasto con questo approccio (che funziona come previsto):

Ottenere la posizione del mouse su canvas

C’è un modo per ottenere il mouse di posizione all’interno di un tag ? Voglio la posizione relativa all’angolo in alto a destra di , non l’intera pagina.

Un modo per clonare l’elemento canvas HTML5 con il suo contenuto?

C’è un modo per creare una copia profonda di un elemento canvas con tutti i contenuti disegnati?

Impostazione delle proprietà Canvas in un DataTemplate ItemsControl

Sto cercando di associare i dati a questo ItemsControl : Usando questo DataTemplate , sto provando a posizionare individualmente i miei elementi del Node sul Canvas corretto: Tuttavia, non funziona come previsto. Tutti i miei elementi del nodo sono disegnati uno sopra l’altro nella stessa posizione. Qualche suggerimento su come realizzare questo?