fabricjs
Serializacja płótna FabricJS
Szukaj…
Wprowadzenie
Po rozpoczęciu budowy aplikacji za pomocą FabricJS nie będzie późno, gdy uświadomisz sobie, że będziesz musiał zapisać wyniki płótna / jego zawartości na serwerze. Lub może eksportować je jako pliki do klienta. W tym celu potrzebujesz serializacji na płótnie . Teraz niektórzy z was mogą zapytać, dlaczego serializacji możemy zapisać jako obraz. Dlatego odpowiedź Zapisywanie obrazu na serwerze wymaga przepustowości, a tekst w tym przypadku jest znacznie lepszy.
Składnia
- JSON.stringify (canvas) - niejawnie wywołuje metodę JSON na przekazywanym obiekcie. Podaje reprezentację ciągu
- canvas.toObject () - zwraca taką samą reprezentację jak toJSON, tylko w postaci rzeczywistego obiektu
- canvas.toSVG () - zwraca reprezentację SVG obszaru roboczego
Uwagi
Aby uzyskać więcej informacji o serializacji kanwy FabricJS, zobacz link Serializacja kanwy
Serilizacja na płótnie
<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
Licencjonowany na podstawie CC BY-SA 3.0
Nie związany z Stack Overflow