Javascript Raphael.js和文档高度
我用Javascript Raphael.js和文档高度,javascript,svg,raphael,Javascript,Svg,Raphael,我用 var paper = Raphael(domid); ... paper.height = 600; paper.width = 600; 在我绘制路径后,它的一部分是不可见的(因为它超出了画布的边缘)。但如果我这样做了 var paper = Raphael(domid, 600, 600); 一切都好。第二段代码和第一段代码之间的本质区别是什么?Rapheal没有用于纸张对象上的宽度和高度的设置器,因此调用它们不会影响DOM,而只是在纸张对象上设置一些属性 在构造函数中传入wid
var paper = Raphael(domid);
...
paper.height = 600;
paper.width = 600;
在我绘制路径后,它的一部分是不可见的(因为它超出了画布的边缘)。但如果我这样做了
var paper = Raphael(domid, 600, 600);
一切都好。第二段代码和第一段代码之间的本质区别是什么?Rapheal没有用于纸张对象上的
宽度和高度的设置器,因此调用它们不会影响DOM,而只是在纸张对象上设置一些属性
在构造函数中传入width
和height
参数将影响DOM中的SVG标记
如果要在构造后更改纸张的宽度和高度,可以设置SVG标记的样式属性,如下所示:
var paper = Raphael(domid);
paper.canvas.style.width = '200px';
paper.canvas.style.height = '100px';
正如Kevin提到的,最好使用setSize
方法来处理运行时的大小调整
(例如)
paper.setSize(200100)
希望这能有所帮助。可能还有另一种解决方案:var paper=Raphael(domid,'100%,'100%)代码>您使用的是什么版本的拉斐尔?在当前版本(2.1.0)中,我没有看到对纸张对象上的宽度
和高度
设置器的引用。在某些情况下,直接修改尺寸可能是必要的,但调用纸张。设置大小
——这将使Raphael能够优雅地管理自己。