Raphael帆布填充容器div

at.*_*at. 21 javascript canvas raphael

我没有指定拉斐尔画布的宽度和高度,而是需要它的容器大小的100%.所以我可以做一个Raphael("容器",containerElement.width,containerElement.height)并设置onresize函数来重置这些值.但随着我调整窗口或容器的大小,内容变得非常激动和忙乱,因为滚动条(我想要它,如果它变得太小)闪烁进出.

这是将Raphael的画布绑定到容器的整个尺寸的正确方法吗?我还想提供让Raphael画布"全屏"占据整个浏览器窗口的选项.

Ada*_*mes 27

如果您使用div,则可以使用CSS将其设置为宽度和高度的100%.然后你用Raphael("container", "100%", "100%")

至于全屏显示,大多数浏览器都有命令执行此操作.因此,如果你真的做100%然后当你按下命令按钮例如(在Firefox中的F11)它将变为FULL屏幕.

  • Raphael文档显示使用特定大小,但使用百分比确实有效,来自自我体验.我假设您了解Raphael文档,但如果您不这样做,请点击此链接:http://raphaeljs.com/reference.html (2认同)