定位raphael纸对象

Question

我正在努力学习关于raphael中纸质对象的一切。我已经筋疲力尽了关于这个主题的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 );

您可以使用Raphael混合和匹配DOM元素。有关示例，请参阅http://jsfiddle.net/NQtU5/

Answer 2

// Creates canvas 320 × 200 at 10, 50
var paper = Raphael(10, 50, 320, 200);

第一个参数是x，第二个参数是y。 来源：their home page

上的第一行代码

要在页面创建后移动页面，请使用js设置dom元素的“顶部”和/或“左侧”样式属性