2011-10-31 115 views
0

我有與Raphael JS加載圖像的這個問題。 我這樣做加載圖像:raphael js crop image

paper.image("images/image.png", 0, 0, 488, 300); 

,它是好的,但我想加載這個形象,但到裁剪29px在右邊,我已經嘗試過這樣的:

paper.image("images/image.png", 0, 0, (488-29), 300); 

但我得到我縮放。

我試圖找到http://raphaeljs.com/reference.html但沒有成功的任何信息,也使用.attr({「寬度」,(488-29})不給我結果,我想

我怎樣才能得到這個工作

感謝您的幫助

回答

3

以便對農作物,你必須使用clip-rect圖像?!(滾動只是一點點下調至「可能的參數」;夾RECT是第二個)

var theImage = paper.image("image.png", xPosition, yPosition, imageWidth, imageHeight); 
theImage.attr({"clip-rect":"0 0 100 150"}); 

像這樣,您將只顯示圖像的左上角部分,寬度爲100像素,高度爲150像素。

+0

感謝您的解決方案。我需要閱讀更好的svg文檔。是否有可能裁剪圖像以顯示例如右上角的部分? – gerpaick

+0

clip-rect的屬性是x,y,width,height,所以是的,你可以裁剪圖像的任何部分 –