得到矩形填充與拉斐爾和Handdrawn.js

2014-10-30 49 views 0 likes

svg所以我使用http://handdrawn.clearcove.ca/在接下來的頁http://bit.ly/1wOjDNL。正如您所看到的，我們目前正在使用手繪邊框的圖像。我們希望使用handdrawn.js插件。我試過在'精選文章'上做這個，但沒有很好的結果，它不像我想的那樣快速響應。得到矩形填充與拉斐爾和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元素，填補了整個畫布，從而響應。我究竟做錯了什麼？

來源

2014-10-30 Jiri Krewinkel