2012-05-01 103 views
0

我想知道在RaphaelJS中是否有可能扭曲任何形狀/路徑,例如,如果我在0,0 10,0 10,10 0,10的邊框內有一個形狀,並且可以說形狀在這些點上有處理,我拖動點10,10到11,15 ...在這一點上,我想扭曲形狀以適應新的邊界框。在Raphael扭曲「路徑」

想象形狀複雜,像這樣http://jsfiddle.net/8hMkC/

如果它是圖像那不是太大的問題(如果連這是可能的嗎?)

回答

0

不是我我知道。我假設你希望能夠在邊界框的範圍內扭曲,扭曲和/或扭曲任意形狀。這將涉及將任何非路徑基元(圓形,反射等)轉換爲路徑,然後計算其中所有節點的變化。我並不是說這不可能完成,但是你不能在開箱即可免費得到它,可以這麼說。如果這個可以完成,我很樂意聽到它。

+0

如果我誠實,它不一定是RaphaelJS,它可以是任何東西。我只是希望能夠扭曲/扭曲圖像以使其具有透視性,但我希望它能夠在較舊的IE瀏覽器中運行。 – Wacka

2

您可以使用javascript玩弄viewbox。
http://jsfiddle.net/mihaifm/QqcwX/

添加一個代表按鈕並處理點擊/拖動事件的新元素(圓或其他)。然後,您可以更改視圖框座標。

+0

不錯,但我更希望改變視角,而不是放大/平移。這有可能使用視圖屬性和方法? – Wacka

+0

我不知道你究竟是什麼意思。那老虎是不是扭曲了? – mihai

+0

啊好吧..我在IE瀏覽器中查看它...已經在IE中工作...(如果它沒有,我只會使用css 3d變換)我希望能獲得更多的3D變形,一邊越來越大,反之則越來越小。我發現最近的是http://elbertf.com/raphael/free_transform/,但它只是傾斜而不是創建透視變換。 – Wacka