javascript - 定位拉斐尔纸对象

Question

我正在尽我所能了解拉斐尔中的纸质对象。我已经用尽了关于这个主题的 raphael 文档，但有一件事让我(由 nads)明白了，你究竟如何定位纸质对象？

我试过使用 setViewBox 方法，但 x 和 y 没有响应。还有其他方法吗？

Answer 1

Raphael 可以通过 CSS 在 DOM 中定位。例如:

<style type="text/css">
    #derp { position: absolute; width:200px; height:100px; }
</style>

<div id="derp">Loading...</div>

然后，实例化它:

var my_paper = Raphael("derp", 200, 100 );

您可以将 DOM 元素与 Raphael 混合搭配。有关示例，请参阅 http://jsfiddle.net/NQtU5/