javascript - 定位拉斐尔纸对象

Question

我正在尽我所能了解拉斐尔的纸制品。我已经用尽了有关该主题的 raphael 文档，但有一件事让我（通过 nads）了解了您到底是如何定位纸质物体的？

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

score 4 · Accepted Answer

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/

score 1 · Accepted Answer

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

第一个参数是x，第二个是y。来源：他们主页上的第一行代码

要在创建页面后移动页面本身，请使用 js 设置 dom 元素的 'top' 和/或 'left' 样式属性

2 回答 2