rotación de área del clip-rect raphael.js

Question

Puedo mostrar la parte del rectángulo de la imagen usando el atributo clip-rect en raphael.js.

Podría decirme cómo puedo rotar ese área de recorte (no la imagen). Tal vez debería usar clipPath svg attr? ¿Pero tiene que ser la solución de raphael.js, para que el vml de IE también lo haga?

Answer 1

Usted puede hacer algo como esto:

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")) 

Ver en el violín: http://jsfiddle.net/arpitworld/ME2Gr/1/