javascript - Raphael.js 和文档高度

Question

我创建了一个 Canvas

var paper = Raphael(domid);
...
paper.height = 600;
paper.width = 600;

绘制路径后，它的一部分是不可见的(因为它超出了 Canvas 的边缘)。但如果我这样做

var paper = Raphael(domid, 600, 600);

一切都好。第二段代码和第一段代码有什么本质区别？

Answer 1

Rapheal 没有 Paper 对象上的 width 和 height setter ，因此调用它们不会影响 DOM，而只是在 Paper 对象上设置一些属性。

在构造函数中传入 width 和 height 参数将影响 DOM 中的 SVG 标签。

如果您想在构建后更改纸张的宽度和高度，您可以设置 SVG 标签的样式属性，如下所示:

var paper = Raphael(domid);
paper.canvas.style.width = '200px';
paper.canvas.style.height = '100px';

正如 Kevin 提到的，最好使用 setSize 方法来处理运行时调整大小。

例如)

paper.setSize(200,100)

希望有帮助。