我可以使用 raphael.js 中的 clip-rect 属性显示图像的矩形部分。
您能否告诉我如何旋转该剪辑矩形区域(而不是图像)。也许我应该使用 clipPath svg attr?但它必须是 raphael.js 解决方案,以便 IE 的 vml 也会这样做?
我可以使用 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',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/