Javascript 获取矩形以使用Raphael和handraw.js填充svg

所以我在下一页使用。正如您所看到的，我们目前正在为手绘边框使用图像。我们想改用HandDraw.js插件。我试着在“特写文章”上这样做，但没有好的效果，它的反应不如我所希望的

这是我当前使用的代码：

jQuery('.featured-post').each(function(i){

    var obj = jQuery(this);
    obj.append("<div id='rect"+i+"' class='drawn-rect'></div>");

    var width= obj.outerWidth();
    var height= obj.outerHeight();

    var svg = new Raphael(document.getElementById('rect'+i), "100%", "100%");
    var line= svg.drawnRect(1, 1, width, height, 2);
    line.attr({"stroke":"#000", "stroke-width":10});

});

---

我希望SVG元素能够填充整个画布，从而具有响应性。我做错了什么？

你是说svg.rect吗。drawnRect不是拉斐尔的事