6

私はfabric.jsを初めて使用します。fabric.js をダウンロードしましたが、起動方法がわかりません。例えば：

<html>
<head>
    <script src="fabric.min.js"></script>
</head>

<body>
    <canvas id="canvas" width="800" height="450" style="border:1px solid #000000"></canvas>
    <script>
        var canvas = new fabric.Canvas('c1');
        canvas.add(new fabric.Circle({ radius: 30, fill: '#f55', top: 100, left: 100 }));

        canvas.selectionColor = 'rgba(0,255,0,0.3)';
        canvas.selectionBorderColor = 'red';
        canvas.selectionLineWidth = 5;
    </script>
</body>
</html>

このスクリプトでは、円が表示されるはずでした。私はこの例に従いました: http://fabricjs.com/customization/

しかし、なぜ何も見えなかったのでしょう。私は何が欠けていますか？

4

1 に答える 1

16

のパラメーターは、HTMLfabric.Canvasのキャンバスと一致する必要があります。id

行を変更する

var canvas = new fabric.Canvas('c1');

に

var canvas = new fabric.Canvas('canvas');

これはうまくいくはずです。

于 2012-05-31T10:11:06.840 に答える