Fabric.js對象大小

Question

我有一個對象大小的問題。 這是一個簡單的例子：

<!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。

見截圖

織物畫出一半尺寸的矩形。 你能否以錯誤的方式告訴我為什么或做什么？

Answer 1

Rectangle實際上是512,512。你遇到的問題是你的對象的起源。

這是矩形的中間，因此只顯示矩形的四分之一。

嘗試將頂部和左側更改為256，您將看到差異。

Fabric.js對象大小

問題描述

1 個解決方案

解決方案1
2 已采納 2012-12-13 13:28:30

Fabric.js對象大小

問題描述

1 個解決方案

解決方案1 2 已采納 2012-12-13 13:28:30

解決方案1
2 已采納 2012-12-13 13:28:30