繁体   English   中英

如何从fabric.js开始

[英]How to start with fabric.js

我是学习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文件复制到当前位置。 这是正确的吗?

造成此问题的原因是您在画布对象中放置了背景。 因此,颜色位于内部元素上方。 从画布上删除背景样式。

当您下载Fabric zip文件时,在解压缩时,您应该找到一个文件夹fabric.js-1.4.4 / dist从那里复制fabric.js文件或fabric.min.js文件,并包含它而不是all.js let我知道这可行吗

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM