2011-04-13 14 views
5

Raphael.js'de clip-rect özniteliğini kullanarak görüntünün dikdörtgen bölümünü gösterebilirim.clip-rect alan rotasyonu raphael.js

Lütfen bu klipsli alanı nasıl döndürdüğümü söyler misiniz (görüntüyü değil). Belki clipPath svg attr kullanmalıyım? Ama raphael.js çözümü olmalı, böylece IE'nin vml'si de bunu yapar mı?

cevap

1

Böyle bir şey yapabilirsiniz:

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

keman See: http://jsfiddle.net/arpitworld/ME2Gr/1/

İlgili konular