如何使用Raphael画布库创建多层图像?

发布于 2024-10-29 21:32:26 字数 218 浏览 6 评论 0原文

有谁知道如何使用 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 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

灯角 2024-11-05 21:32:26

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

在 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 use z-index to stack the elements in the order you want.

CSS positioning

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文