Javascript 如何在<；中添加raphaeljs对象；部门>；标签 $（文档）.ready（函数（）{ $（“#btnAO”）.live（“单击”，函数（）{ $（“#canvasdiv”）。附加（“”）； $（“#id1”）.append（新拉斐尔（document.getElementById（'canvasdiv'），900600）.rect（30,50,80100）.attr({ 填充：“蓝色”， 笔画：“黑色”， 冲程宽度：0， r:5 })); }); });

我已经尝试过在中添加Raphael对象，但它不会显示在屏幕上，Raphael渲染到您作为第一个参数提供的容器中。返回值是用于渲染的Raphael paper对象。简而言之，只需切掉

$（“#id1”）。追加
，它就会显示出来

$(document).ready(function(){                           
    $("#btnAO").live("click", function(){
        $("#canvasdiv").append("<div id='id1' width='50px' height='50px'></div>");
            $("#id1").append(new Raphael(document.getElementById('canvasdiv'), 900, 600).rect(30, 50, 80, 100).attr({
                fill : "blue",
                stroke : "black",
                strokeWidth : 0,
                r : 5
        }));
    });
});

$（文档）.ready（函数（）{
$（“#btnAO”）.live（“单击”，函数（）{
$（“#canvasdiv”）。附加（“”）；
var paper=新拉斐尔（document.getElementById（'canvasdiv'），900600）；
纸张.矩形（30,50,80,100）.attr({
填充：“蓝色”，
笔画：“黑色”，
冲程宽度：0，
r:5
});
});
});


此外，由于您仍在使用jQuery，因此可能需要将
document.getElementById（'canvasdiv'）
替换为
$（'#canvasdiv'）。为了保持一致性，请获取（0）

不需要新的关键字
var paper=Raphael（document.querySelector（target\u css\u selection\u str）、svg\u width\u int、svg\u height\u int）

既然你问起它的回报。它通过一个称为“canvas”的属性返回一个Paper对象，该对象包含对它刚刚构建的新SVG元素的引用
…您应该批准@Supr作为正确答案，顺便说一句，我只是增加了2美分。
我非常怀疑
new Raphael
是否返回DOM节点、jQuery对象或HTML字符串。是的，我们可以将Raphael对象转换为DOM对象。看看我是否在firebug中看到它，它看起来像下面的Hi@HarshalChauhari，你能通过点击左边的复选标记来接受这个答案吗？
$(document).ready(function(){                           
    $("#btnAO").live("click", function(){
        $("#canvasdiv").append("<div id='id1' width='50px' height='50px'></div>");
        var paper = new Raphael(document.getElementById('canvasdiv'), 900, 600);
        paper.rect(30, 50, 80, 100).attr({
            fill : "blue",
            stroke : "black",
            strokeWidth : 0,
            r : 5
        });
    });
});