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

Question

这几天我一直在努力让它发挥作用。最后我只是通过输入参数手动创建了 Canvas ，但现在我实际上需要将它连接到一个 div。

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

TypeError: b is undefined

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

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

求助!这让我发疯。

Answer 1

我发现这样做的唯一方法与文档无关，我只需要破解它。如果其他人遇到让 Rapheal js 将 Canvas /纸张分配给 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>