获取矩形以用 Raphael 和 Handdrawn.js 填充 svg答案

【问题标题】：get rectangle to fill the svg with Raphael and Handdrawn.js获取矩形以用 Raphael 和 Handdrawn.js 填充 svg
【发布时间】：2014-12-26 22:52:00
【问题描述】：

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

【问题讨论】：

标签： javascript css svg raphael

【解决方案1】：

你的意思是 svg.rect() 吗？ .drawnRect() 不是 raphael 的东西。

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

【讨论】：