Javascript 为什么赢了'；我的Fabric.js帆布工作吗？

指向JSFIDLE的链接： 出于某种原因，我的画布不会显示它应该显示的矩形，有什么线索吗

hmtl：

javascript:

window.onload = function () {
    var canvas = new fabric.Canvas('CanvasContainer');
    var rect = new fabric.Rect({
        left: 100,
        top: 100,
        fill: 'red',
        width: 20,
        height: 20,
        angle: 45
    });
    canvas.add(rect);
}

由于选择了JSFIDLE选项，因此不需要window.onload，因此从未调用该函数

此外，您选择的是画布容器，而不是画布本身。 而不是：

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

使用：

---

我看到一个绿色的长方形。。。你到底在看什么？你知道什么是Fabricjs吗？在100左100顶部应该有一个红色矩形，可以拖动、缩放和旋转。代码一定有问题，因为我已经在更新或分叉之前将其提交给了wokr。如果您正在更新或分叉，url会发生变化，请确保您提供了更新的url。让我们了解一下您的编程，这里的问题超出了此问题的范围。您使用的是jquery代码，但没有包含jquery源代码。我有，只是小提琴手不需要标题。。这里有一个指向所有内容的链接。感谢你如此无知

window.onload = function () {
    var canvas = new fabric.Canvas('CanvasContainer');
    var rect = new fabric.Rect({
        left: 100,
        top: 100,
        fill: 'red',
        width: 20,
        height: 20,
        angle: 45
    });
    canvas.add(rect);
}

var canvas = new fabric.Canvas('Canvas');
var rect = new fabric.Rect({
    left: 100,
    top: 100,
    fill: 'red',
    width: 20,
    height: 20,
    angle: 45
});
canvas.add(rect);

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

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