javascript - 如何获取用相对值定义的Raphael javascript库的纸 Canvas 宽度？

Question

我正在使用 Raphael SVG 库，我定义了一个包含 Raphael Canvas 的元素

<div id="canvas_container"></div>

我把拉斐尔 Canvas /纸放在里面:

paper = new Raphael(document.getElementById('canvas_container'), '100%', '100%');

现在我想获取 Canvas 的绝对宽度/高度。我想出了如何使用 paper.canvas 访问 Canvas ，但如果我尝试获取 paper.canvas.width，我得到的是 SVGAnimatedLength 元素而不是宽度。

我注意到当使用 Chrome 开发工具并用鼠标在控制台中选择 paper.canvas 时，所选元素会在窗口中显示正确的绝对大小(当在Chrome 开发控制台)。但是如何在代码中获取它呢？

Answer 1

您可以使用 canvas 对象的 offsetWidth 和 offsetHeight 值来确定 Raphael Canvas 的真实尺寸。

示例:http://jsfiddle.net/g54PR/1/