raphael - 在RaphaelJS中制作宽度为100％的图表？

我在Flash和其他内容中看到的图形基本上可以很好地适应浏览器的大小或它们位于其中的灵活元素的大小。...我对raphaelJS并不是很精通，但是您可以这样做，如果可以的话，如何？

最佳答案

在raphaeljs中，您可以在Raphael对象上调用.setSize来更新其大小。为了适应浏览器窗口大小的运行时更改，您可以响应窗口调整大小事件。使用jQuery，您可以执行以下操作:

//初始化Raphael对象
var w = $(window).width()，
h = $(window).height();

var paper = Raphael($(“＃my_element”)。get(0)，w，h);

$(窗口).resize(function(){
w = $(window).width();
h = $(window).height();
paper.setSize(w，h);
redraw_element();//处理重绘的代码(如有必要)
});

关于raphael - 在RaphaelJS中制作宽度为100％的图表？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/3962926/