Javascript 我可以使用Raphael.js之类的工具在HTML窗口上方绘制向量吗？

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

我对canvas元素没有做太多的工作，但我认为可能可以通过以下方式完成类似的工作：

使用javascript获取/监视窗口大小

创建/调整占据整个页面的画布元素的大小

以某种方式设置画布元素的透明度

画我想要的向量

当你使用clear.gif时，你不能点击它下面的东西或与之交互——我希望仍然能够正常地与网页交互。我还希望滚动可以正常地在页面上下移动，以便向量可以与DOM元素一起滚动

我的方向对吗

---

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

下面是一个Raphael.js在div中的文本上方绘制的示例

关于拉斐尔的更多背景：

拉斐尔在SVG画布上绘制。如果你给它一个透明的 背景并将其放置在窗口上（z索引），然后您可以 你追求的外表

---

Raphael.js不是使用SVG而不是canvas吗？对不起，我很抱歉，我对这两种语言都没有做太多的工作，尽管我在发布之前尝试过谷歌搜索。是的，Raphael.js是SVG和VML的包装器，用于以跨浏览器的方式绘制向量。加上一些更高级的功能，使绘图更容易。足够好了。这更有帮助-