无法在html5中使用Kineticjs

我想使用Kinetic js库，以便在画布上的图像中实现拖动和调整大小的效果。 所以我遵循这个例子

我的html是这样的：

.....
<div id="container"></div>
.....

但我得到的信息是：

“未捕获的TypeError:无法调用未定义的方法'appendChild'” 我想是在集装箱部门。 有什么问题吗

提前感谢

尝试设置拖动：

image.setDraggable(true);

---

但是，我不得不问，为什么不使用Kinetic的canvas构造函数呢？我认为，如果您直接操作画布，则无法使用此库。构造函数调用不正确

试一试

对于拖动部分，可以使用

---

您可以在这个

中看到这方面的一个基本示例。好的，我尝试使用canvas构造函数。我添加了我的html，并编辑了我的问题，以便创建画布。我得到的是“UncaughtTypeError:无法调用未定义的方法'appendChild'。有什么想法吗？谢谢。我会的。但是，是否还有一种方法可以获得html中已有的画布，而不是使用stage对象？因此，不要使用canvas=document.getElementById（“myCanvas”）；ctx=canvas.getContext（“2d”）；有没有一种方法可以使用相同的逻辑，但要使用stage？你可以使用Kinetic for that确定我使用了canvas=layer.getCanvas（）；ctx=layer.getContext（）；得到了我需要的东西。谢谢

image.setDraggable(true);

var stage = new Kinetic.Stage({
      container: 'container',
      width: 578,
      height: 363
});

var layer = new Kinetic.Layer({draggable: true});