fabricjs
Серийная печать холста FabricJS

Angular 2 AngularJS CSS HTML html5-canvas JavaScript jQuery Node.js PHP SVG

Вступление

После того, как вы приступите к созданию приложения с помощью FabricJS, не будет поздно, когда вы поймете, что вам нужно сохранить результаты холста / его содержимого на сервере. Или может экспортировать их как файлы для клиента. Для этой цели вам понадобится сериализация холста . Теперь некоторые из вас могут спросить, почему Сериализация мы можем сохранить в качестве изображения. Таким образом, ответ: сохранение изображения на сервере требует пропускной способности, и текст в этом случае окажется намного лучше.

Синтаксис

JSON.stringify (canvas) - неявно вызывает метод JSON для переданного объекта. Дает строковое представление
canvas.toObject () - возвращает то же представление, что и для JSON, только в форме фактического объекта
canvas.toSVG () - возвращает SVG-представление холста

замечания

Дополнительные сведения о сериализации холста FabricJS См. Ссылку Canvas Serialization

Сериализация холста

<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

Лицензировано согласно CC BY-SA 3.0

Не связан с Stack Overflow