jquery - 为什么我的 Canvas 对象在鼠标悬停之前一直隐藏?

标签 jquery canvas paperjs

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

这是我的代码:

<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/

最佳答案

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

关于jquery - 为什么我的 Canvas 对象在鼠标悬停之前一直隐藏?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24007138/

相关文章:

javascript - 如何使用 Javascript 在 Html 页面上添加计时器

javascript - 在 Canvas html/css 旁边放置按钮

android - 如何在android中使用onTouchevent在图像上绘制一个矩形?

javascript - FabricJs:路径区域太大

javascript - JS函数在onclick事件中不可见

javascript - 按下左侧的 Keydown 不会更新 Keyup

jquery - 使用 jQuery append 列表与站点的其余部分冲突

javascript - 在 Paper.js 中变换边界框

javascript - 如何构建 Raster 并调整其大小?

javascript - PaperJS随机点