【发布时间】：2012-10-25 03:04:59
【问题描述】：
关于在 canvas 元素上绘图和使用 Raphael.js（非常棒）之类的东西有很多问题，但我想知道是否有一种方法可以绘制一些矢量（主要是对角线) 在 html doctype 网页中呈现的 DOM 文档上方。
我对画布元素做的不多，但我认为也许可以做这样的事情：
- 使用 javascript 获取/监控窗口大小
- 创建占据整个页面的画布元素/调整其大小
- 以某种方式在画布元素上设置透明度
- 绘制我想要的向量
当您使用清晰的 .gif 时，您无法点击或与其下方的内容交互 - 我希望仍然能够正常与网页交互。我还希望滚动以正常上下移动页面，以便矢量与 DOM 元素一起滚动。
我是否朝着正确的方向前进？
如何在标准网页的 HTML / DOM 上方绘制矢量？
【问题讨论】：
-
Raphael.js 不使用 SVG 而不是画布吗？
-
对不起，我很抱歉，虽然我在发布之前尝试过谷歌搜索和搜索，但我并没有做太多。只是想指出正确的方向。
-
是的，Raphael.js 是一个围绕 SVG 和 VML 的包装器，用于以跨浏览器的方式绘制矢量。加上一些更高级的功能，使绘图更容易。
标签： javascript html raphael vector-graphics