1

我正在使用 Raphael SVG 库并定义了一个包含 Raphael 画布的元素

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

我把拉斐尔画布/纸放在里面：

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

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

我注意到，当使用 Chrome 开发工具并用鼠标在控制台中选择 paper.canvas 时，所选元素会在窗口中显示正确的绝对大小（当在 Chrome 开发中选择某些元素时，页面中会出现蓝色选择安慰）。但是如何在代码中获取它？

4

2 回答 2

6

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

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

于 2013-03-04T16:14:36.723 回答
1

属性paper.width和paper.hight将帮助你。

于 2016-09-28T19:02:34.220 回答