如何使用Raphael画布库创建多层图像?
有谁知道如何使用 Raphael 制作多个绘图层?下面是一个使用普通画布对象的示例:
http://html5。 litten.com/using-multiple-html5-canvases-as-layers/
Does anyone know how to make multiple drawing layers using Raphael? Here's an example that uses a plain canvas object:
http://html5.litten.com/using-multiple-html5-canvases-as-layers/
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
您可以使用与画布相同的方法。
在 html 代码中创建 div 元素,给每个元素一个不同的 id。
您可以使用
paper=new Raphael('elementId',width,height)
在现有元素上初始化 Raphael。这使得将 CSS 规则应用到元素成为可能。
像文章中一样设置CSS:
应用
position:absolute;
到所有元素并使用z-index
按您想要的顺序堆叠元素。CSS 定位
You can use the same method as they used with canvas.
Create div elements in the html code, give each a distinct id.
You can initialize Raphael on an existing element by using
paper=new Raphael('elementId',width,height)
.This makes is possible to apply css rules to the elements.
Set the css just like in the article:
Apply
position: absolute;
to all elements and usez-index
to stack the elements in the order you want.CSS positioning