1

关于在画布元素上绘图和使用 Raphael.js（非常棒）之类的东西有很多问题，但我想知道是否有一种方法可以在上方绘制一些矢量（主要是对角线）在 html doctype 网页中呈现的 DOM 文档。

我对 canvas 元素做的不多，但我认为也许可以做这样的事情：

  1. 使用 javascript 获取/监视窗口大小
  2. 创建/调整占据整个页面的画布元素
  3. 以某种方式在画布元素上设置透明度
  4. 绘制我想要的向量

当您使用清晰的 .gif 时，您无法单击或与其下方的内容交互 - 我希望仍然能够正常与网页交互。我还希望滚动以正常上下移动页面，以便矢量与 DOM 元素一起滚动。

我是否朝着正确的方向前进？

如何在标准网页的 HTML / DOM 上方绘制矢量？

4

1 回答 1

2

这是 Raphael.js 在 div 中的文本顶部绘制的示例http://raphaeljs.com/spin-spin-spin.html

关于拉斐尔的更多背景：

Raphael 在 SVG 画布上绘画。如果你给它一个透明的背景并将它定位在窗口上（z-index），那么你可以获得你想要的外观。

https://groups.google.com/forum/?fromgroups=#!topic/raphaeljs/SAPCl_UMNco

于 2012-10-25T03:20:41.717 回答