为什么我的画布对象在鼠标悬停之前隐藏？

Question

我正在使用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';

我的jsFiddle来证明这一点:http://jsfiddle.net/enotech/qujEf/

Answer 1

要么调用:paper.view.draw()或者paper.view.update()在代码末尾使其可见,更新演示:jsFiddle