Question

假设我们有以下HTML：

<html>
    <head>
        <script src="jquery.js"></script>
        <script src="jquery.svg.js"></script>
    </head>
    <body>
        <div id="canvas">
        </div>
    </body>
</html>

和jQuery代码：

 $().ready(function () {
            var mysvg = $("#canvas").svg("get");
            mysvg.rect(20, 10, 100, 50, 10, 10, { fill: '#666'});         
        });

当我运行此代码时，firebug会给我一个错误：

TypeError：mysvg.rect不是函数

请帮我解决如何解决这个问题

Answer 1

您需要首先将SVG画布附加到元素：

$('#canvas').svg();

然后您可以检索SVG实例：

var mysvg = $('#canvas').svg('get');

为什么我的jQuery svg插件不起作用？

1 个答案:

Check the documentation