raphael.js вращение области clip-rect

Я могу показать прямоугольную часть изображения, используя атрибут clip-rect в raphael.js.

Не могли бы вы рассказать мне, как я могу повернуть эту область клипа (не изображение). Может быть, мне следует использовать атрибут clipPath svg? Но это должно быть решение 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"))

См. в скрипте: http://jsfiddle.net/arpitworld/ME2Gr/1/

person Arpit Agrawal    schedule 09.09.2013