clip-rect區域旋轉raphael.js

Question

我可以在raphael.js中使用clip-rect屬性顯示圖像的矩形部分。

你能告訴我如何旋轉該剪輯矩形區域（而不是圖像）。也許我應該使用clipPath svg attr？但它必須是raphael.js解決方案，這樣IE的vml才能做到這一點？

Answer 1

你可以做這樣的事情：

r = Raphael('myid',600,400); 
myimage = r.image('http://25.media.tumblr.com/032e7b64fbc53862cb4c53b6a564f216/tumblr_mnthd5m5y21sqq5odo3_1280.jpg',0,0,600,400) 
myimage.attr({'clip-rect':[100,100,200,200]}) 
myrect = r.rect(100,100,200,200).transform("r45") 
myimage.clip.setAttribute("transform", myrect.node.getAttribute("transform")) 

見小提琴：http://jsfiddle.net/arpitworld/ME2Gr/1/