javascript - 如何使用 Raphael Canvas 库创建多层图像?

标签 javascript html canvas raphael

有谁知道如何使用 Raphael 制作多个绘图层?下面是一个使用普通 Canvas 对象的示例:

http://html5.litten.com/using-multiple-html5-canvases-as-layers/

最佳答案

您可以使用与 Canvas 相同的方法。

在 html 代码中创建 div 元素,给每个元素一个不同的 id。 您可以使用 paper=new Raphael('elementId',width,height) 在现有元素上初始化 Raphael。

这使得将 css 规则应用于元素成为可能。 像在 the article 中一样设置 css :

position: absolute; 应用于所有元素,并使用 z-index 按您想要的顺序堆叠元素。

CSS positioning

关于javascript - 如何使用 Raphael Canvas 库创建多层图像?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5556421/

相关文章:

javascript - 如何通过 css 或 javascript 甚至使用 jquery 在 html 中扩展悬停的缩写词?

使用点击处理程序修改段落的 JavaScript 类

javascript - Canvas 重叠元素

javascript - 如何在 Canvas 上制作文本渐变?

javascript日期减法

javascript - 动态文本框生成

java - 从下拉列表中检索值时出现错误

javascript - 为什么 Knockout.js foreach 模板中的 $parent 绑定(bind)上下文为空?

javascript - instagram 样式探索页面图像列表与 CSS

javascript - 如何在fabric.js中设置样式