2012-02-27 61 views
2

我已經使用http://readysetraphael.com/將svg轉換爲raphaeljs中的路徑。我想改變它在頁面上的位置。最終使用隨機數字變量來更改它,以便在刷新時圍繞屏幕移動。raphaeljs - 移動我已經從svg轉換的路徑

http://jsfiddle.net/anderskitson/ZfzJg/

目前,當我嘗試將它攪亂的路徑了。從我在文檔中讀取的路徑看起來像"M10,20L30,40",所以如果我想更改放置路徑的x,y座標。不知道如何做到這一點,而不會弄亂路徑本身

var path_a = paper.path("M242.07,270.119c0,0-14.596-30.606-7.625-35.793 c3.864-2.876,2.145-18.561,1.832-18.784c-0.313-0.224-1.839-0.319-1.839-0.319c-1.555-0.192-0.201-3.456-0.201-3.456 s0,0-0.598-0.352c-0.598-0.351,1.129-1.345,1.129-1.345c3.738-2.785,10.449-2.983,11.126-2.344c0.677,0.64-0.354,1.44-0.354,1.44 s0.73,0.832,1.333,2.111c0.604,1.28-0.792,1.665-0.792,1.665c1.852,6.718,9.877,14.935,9.877,14.935 c4.795,0.589,7.7,10.683,7.7,10.683l6.271,22.746C269.929,261.307,263.641,270.119,242.07,270.119z"); 
    path_a.attr({fill: 'none',stroke: '#231F20',"stroke-width": '3',"stroke-miterlimit": '10','stroke-opacity': '1'}).data('id', 'path_a'); 

回答

2

想通了,不應該放棄谷歌這麼快。在此找到答案path position with raphael

使用翻譯方法。

path_a.translate(100, 100);