Question

我是Raphael的新手，我正试图将“老虎”的结果变成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);
  });

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

1 个答案: