Jquery 为什么我的画布对象一直隐藏到鼠标悬停？

我正在使用paper.js在画布上创建矢量图形，但是在绘制对象之后，只有当我将鼠标悬停在画布上时，它们才可见。为什么?

这是我的密码：

<canvas style="position:absolute;left:0px;top:0px;z-index:999;" id="myCanvas" resize></canvas>

var canvas = document.getElementById('myCanvas');
paper.setup(canvas);
var rectangle = new paper.Rectangle(new paper.Point(50, 50), new paper.Point(150, 100));
var path = new paper.Path.Rectangle(rectangle);
path.fillColor = '#e9e9ff';

var canvas=document.getElementById（'myCanvas'）；
纸。设置（画布）；
var rectangle=新纸张.矩形（新纸张.点（50,50），新纸张.点（150,100））；
var path=新纸张路径矩形（矩形）；
path.fillColor='#e9e9ff'；

---

和我的JSFIDLE来演示这一点：

在代码末尾调用：

paper.view.draw（）

或

paper.view.update（）

，使其可见，

---

更新的演示：

在paper.js第10545行中，当鼠标移动到视图中时调用该函数。该函数调用handleMouseMove（），后者调用view.update（）来更新画布。我不知道paper.js，但它似乎需要自己调用这个函数。因此，加入一个：

paper.view.update();

当您想要将更改推送到画布时

---

像这样：

如果在末尾添加

paper.view.draw（）

它能工作吗？