無法在畫布上添加新對象（fabric.js）

Question

我正在使用fabric.js進行項目，並且遇到了這個問題。

我有一個fun（）函數，並且它在onclick事件上被調用，因此基本上我每次在屏幕上單擊時都希望有一個圓圈，但結果我得到的只是一個空白屏幕。 提醒objetcs確保為我提供了類型為circle的對象數量，並且每次我在屏幕上單擊時都會增加，但是我看不到屏幕上的圓圈，就像圓圈在那兒但不可見。

這是代碼：

<html>
<head>
<script type="text/javascript" src="C:\Users\Sunny\Documents\6th Sem Ka Maal\Graph\project\GUI\fabric.js-1.5.0\dist\fabric.js"></script>
<script>

var canvas = new fabric.Canvas('p');
function fun(event){

var x = event.clientX;
var y = event.clientY;
alert(x);
alert(y);
alert(canvas);
var circle= new fabric.Circle({
radius: 50, fill: 'green', left: x, top: y
});
alert(circle);
canvas.add(circle);

}
</script>
</head>
<body>
<canvas id="p" height="993" width="1920" onclick="fun(event)"></canvas>
</body>
</html>

為什么我看不到圈子？

Answer 1

嘗試使用Fabric的on()偵聽器代替Java事件。

canvas.on('mouse:up', fun);

在此處閱讀有關結構事件的更多信息：

https://github.com/kangax/fabric.js/wiki/Working-with-events

去年，我在Fabric中進行了點對點繪圖的OU項目，您可以在這里查看一下，這可能會給您一些想法。

無法在畫布上添加新對象（fabric.js）

問題描述

1 個解決方案

解決方案1
2 已采納 2015-05-30 10:13:32

無法在畫布上添加新對象（fabric.js）

問題描述

1 個解決方案

解決方案1 2 已采納 2015-05-30 10:13:32

解決方案1
2 已采納 2015-05-30 10:13:32