キャンバスのオブジェクトを保存して JSON に配置したいのですが、グループでそれを行うと、次のエラーが発生します。
Rect-Object で _calcBound() 関数を実行すると、o.setCoords は all.js の関数ではありません (Zeile 10403)。
ここに私のテストコード:
<script type="text/javascript">
$(document).ready(function() {
var canvas = new fabric.Canvas("pitch_600");
var group = new fabric.Group();
var rect = new fabric.Rect({
width: 100,
height: 200,
left: 10,
top: 50,
fill: 'black'
});
group.add(rect);
canvas.add(group);
var saved = JSON.stringify(canvas.toDatalessJSON());
canvas.clear();
console.debug(saved);
canvas.loadFromJSON(saved);
});
</script>
<canvas id="pitch_600" width="650px" height="454px"></canvas>
http://tacticboards.xaga.de/test.htmlで、オンライン デモを見つけることができます。お役に立てれば幸いです。