Html 如何正确绘制椭圆[KineticJs]

如何创建可以基于鼠标坐标创建椭圆的绘图画布？ 下面是我在JSFIDLE上的代码（我对这个还是新手）：

下面是我绘制椭圆的代码（第59行）：

所以，当我执行代码时，它会导致一个错误..chrome的控制台说： 未捕获错误：INDEX\u SIZE\u ERR:DOM异常1在dynamicy.js:29上

我的代码出了什么问题

致以最良好的祝愿

Luki R Rompis查看您的代码

    width = event.clientX - lastX;
    height = event.clientY - lastY;

您允许宽度和高度为负值，这会引发DOM异常

让它：

    width = Math.abs(event.clientX - lastX);
    height = Math.abs(event.clientY - lastY);

此链接复制您的错误

此链接与错误一起消失

    width = Math.abs(event.clientX - lastX);
    height = Math.abs(event.clientY - lastY);