1

我是学习JS的初学者。现在我遇到了一个fabric.js需要你帮助的问题。

<!DOCTYPE HTML>
<html>
<head>
    <title>fabric_test</title>
    <script type="text/javascript" src="all.js"></script>
</head>
<body>
    <canvas id="canvas" width="512" height="512" style="background-color: rgb(222, 222, 222)">
        Your browser does not support canvas tag!
    </canvas>
    <script type="text/javascript">
        var canvas = new fabric.Canvas('canvas');
        // create a rectangle object
        var rect = new fabric.Rect({
          left: 100,
          top: 100,
          fill: 'red',
          width: 20,
          height: 20
        });

        // "add" rectangle onto canvas
        canvas.add(rect);

    </script>
</body>
</html>

我的问题是：

  1. 当我打开保存的 html 文件时，为什么矩形没有在画布上绘制？
  2. 我下载的面料是一个文件夹，其中包含多个文件夹和文件。我只是将all.js文件复制到当前位置。这是正确的吗？
4

2 回答 2

1

此问题是由于您在画布对象中放置了背景而引起的。因此，颜色在内部元素之上。从画布中删除背景样式。

于 2016-02-03T20:56:13.480 回答
0

当您下载 fabric zip 文件时，在提取时您应该找到一个文件夹 fabric.js-1.4.4/dist 从那里复制 fabric.js 文件或 fabric.min.js 文件并包含它而不是 all.js 让我知道这是否有效

于 2014-03-03T13:06:30.820 回答