javascript - 如何将 Raphael JS 生成的输出放入我页面上的特定 div 中？

Question

我是 Raphael 的新手，正在尝试将“Tiger”的结果放入 div。请参阅下面的示例：

<script src="js/raphael.js"></script>
<script src="js/tiger.js"></script>

    <script>
        window.onload = function () {
            Raphael("holder", "100%", "100%");
            var paper = Raphael(tiger);
            var tfm = 'S0.5,0.5,200,200';

            paper.forEach(function (obj) {
                obj.transform(tfm);
            });
            // now place the tiger into the div below...
        };
    </script>

<div id="holder"></div>

我该如何做到这一点？老虎渲染得很好，但似乎是其他一切之上的一个大层，所以我在页面上的其他按钮不起作用——即使老虎图像本身不在按钮之上。我希望老虎在 div 中，并且我的其他控件不被覆盖。

Answer 1

这是一个例子：http: //jsbin.com/ecedeg/3/edit

  var paper = Raphael("holder", "300", "300");
  var tfm = 'S0.5, 0.5, 200, 200';
  paper.add(tiger);

  paper.forEach(function (obj) {
    obj.transform(tfm);
  });