javascript - Raphael js 无法通过引用 div 创建画布

Question

几天来，我一直试图让这个工作。最后我只是通过输入参数手动创建了画布，但现在我实际上需要将它连接到一个div。

问题是，当尝试基于 div 创建画布时，我总是从 Raphael JS 得到相同的错误：

TypeError: b is undefined

这是一个快速的 jsFiddle，但您会在 Firebug 中看到相同的结果（虽然它显示了不同的库名称，但它是 rapheal 导致的）

http://jsfiddle.net/GXXuD/3/

请帮忙！这让我疯狂。

Answer 1

我发现这样做的唯一方法与文档无关，我只需要破解它。如果其他人遇到让 Rapheal js 将画布/纸张分配给 div 的问题，则此方法可以正常工作。

JS

var new_width = $('#map img').width();
var new_height = $('#map img').height();

$('#map').css({'height':new_height, 'width':new_width});
var paper = new Raphael("canvas", new_width, new_height);

HTML

<div id='map'>
    <div id="canvas"></div>
    <img src="path/to/image"/>
</div>