clip-rect area ротация raphael.js

Мога да покажа правоъгълна част от изображението с помощта на атрибута clip-rect в raphael.js.

Бихте ли ми казали, моля, как мога да завъртя тази област на клип-рект (не изображението). Може би трябва да използвам clipPath svg attr? Но трябва да е raphael.js решение, така че vml на IE да направи това също?


person Dima Bildin    schedule 13.04.2011    source източник


Отговори (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"))

Вижте във fiddle: http://jsfiddle.net/arpitworld/ME2Gr/1/

person Arpit Agrawal    schedule 09.09.2013