2012-06-03 446 views
4

我的應用基於用戶在畫布上放置圖像(通過我創建的使用lineTo()和arc()創建複雜形狀的函數),然後讓它們縮小,以獲得更高級別的圖片,已經完成。同樣,他們可以加載別人的創建和放大,以更低的級別查看所有這些對象更詳細的內容。HTML5 Canvas能夠在繪製圖像後放大/縮小?

這可能嗎?當我想放大時,我在考慮谷歌地圖類型縮放。

如果不可能,是否還有其他解決方案,比如使用常規圖像和重新調整頁面大小?

謝謝你的幫助。

回答

3

所以這是你在想什麼:scale()

ctx.save(); 
ctx.scale(2,2); //zoom-in 
doMyComplexShape(); 
ctx.restore(); 
+0

所以你說的是,對於每一個縮放我必須comletely重繪形狀?編輯 - 當然,我將不得不刪除舊的形狀 – JDS

+0

@YoungMoney當然,你將不得不重新繪製它。 –

+0

如果我在畫布中有數百個對象,這似乎效率低下。 google map這樣的東西如何做到這一點?另外,對於我想要做的事情,你會說最好是通過lineTo()和arc()手動繪製對象或使用小的.png圖像?謝謝。 – JDS