裁剪区域旋转raphael.js

问题描述

我可以使用raphael.js中的clip-rect属性显示图像的矩形部分。 您能否告诉我如何旋转该可裁剪区域（不是图像）？也许我应该使用clipPath svg attr？但这必须是raphael.js解决方案，以便IE的vml也可以做到这一点？     

解决方法

您可以执行以下操作：

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

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