fabricjs
Serializzazione tela FabricJS
Ricerca…
introduzione
Una volta che hai iniziato a costruire un'applicazione con FabricJS, non sarà tardi quando ti rendi conto che dovrai salvare i risultati della tela / i suoi contenuti sul server. O può esportarli come file sul client. Per questo scopo avrai bisogno di serializzazione su tela . Ora alcuni di voi potrebbero chiedere Perché la serializzazione possiamo salvarla come un'immagine. Quindi la risposta sarebbe il salvataggio dell'immagine su un server che richiede larghezza di banda e il testo si dimostra molto meglio in questo caso.
Sintassi
- JSON.stringify (canvas) - richiama implicitamente al metodo JSON sull'oggetto passato. Fornisce la rappresentazione delle stringhe
- canvas.toObject () - restituisce la stessa rappresentazione di toJSON, solo in una forma di oggetto reale
- canvas.toSVG () - restituisce una rappresentazione SVG della tela
Osservazioni
Per ulteriori informazioni sulla serializzazione della tela FabricJS, fare riferimento al collegamento Serializzazione della tela
Serigrafia su tela
<canvas id = "canvas" height='400' width='500'></canvas>
var canvas = new fabric.Canvas(document.getElementById('canvas'));
console.log(JSON.stringify(canvas)); // '{"objects":[],"background":""}'
canvas.add(new fabric.Rect({
left: 10,
top: 10,
height: 50,
width: 50,
fill: 'green',
stroke:'black'
}));
canvas.renderAll();
console.log(JSON.stringify(canvas));//logs the string representation
console.log(canvas.toObject());//logs canvas as an object
console.log(canvas.toSVG());//logs the SVG representation of canvas
Modified text is an extract of the original Stack Overflow Documentation
Autorizzato sotto CC BY-SA 3.0
Non affiliato con Stack Overflow