获取矩形以填充拉斐尔和Handdrawn.js的svg

Question

所以我在下面的http://bit.ly/1wOjDNL页面上使用http://handdrawn.clearcove.ca/。如你所见，我们目前使用的是手绘边框的图像。我们想用handdrawn.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元素填充整个画布，从而具有响应性。我做错了什么？

Answer 1

你是说svg.rect()吗？.drawnRect()不是拉斐尔的风格。

http://raphaeljs.com/reference.html#Paper.rect