0

我对物体的大小有疑问。这是一个简单的例子：

<!doctype html>
<html>
<head>
    <script src="js/fabric-0.9.15.min.js"></script>
</head>
<body>
    <canvas id="test" width="512" height="512" style="border: 1px solid black;"></canvas>

    <div style="width: 512px; background: blue;">&nbsp;</div>

    <script>
      var canvas = new fabric.Canvas('test');

      var rect = new fabric.Rect({
        left: 0,
        top: 0,
        fill: 'red',
        width: 512,
        height: 512
      });

      canvas.add(rect);
    </script>
</body>
</html>

如您所见，我有一个大小为 512px 的画布，我有一个宽度为 512px 的 div 用于测试。我还创建了 rect 对象来绘制大小为 512px 的对象。

看截图

织物用半尺寸绘制矩形。你能告诉我为什么或我做错了什么吗？

4

1 回答 1

2

矩形实际上是 512、512。您遇到的问题是对象的来源。

这是矩形的中间，因此只显示矩形的四分之一。

尝试将您的顶部和左侧更改为 256，您会看到差异。

于 2012-12-13T13:28:30.770 回答