拉斐尔.js和文档的高度

Raphael.js and height of document

本文关键字：文档 高度 js      更新时间：2023-09-26

我用

创建一个画布
var paper = Raphael(domid);
...
paper.height = 600;
paper.width = 600;

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

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

一切正常。第二段和第一段代码的本质区别是什么?

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)

希望对你有帮助。

还有一个可能的解决方案:var paper = Raphael(domid, '100%', '100%'); .

相关文章：