Q
放大和縮小畫布
0
A
回答
2
有幾種方法。這真的取決於你在找什麼。
您可以通過縮放整個上下文來完成,如ctx.scale(2,2)
,然後在這個較大的範圍內重新繪製所有內容。一些繪製的東西,如路徑和文本,將會優雅地縮放。要做到這一點,您需要對迄今爲止繪製的所有內容保持良好的跟蹤。
另一種方法是將整個畫布拉回自己。這需要一個臨時畫布,因爲該操作實際上是:繪製到臨時畫布,清除主畫面,回到主縮放畫面。
另一種方法是使用CSS變換來僅縮放畫布本身,這會使圖像模糊(縮放!),但不需要更改畫布上已有的任何像素。
+1
只是想在每次轉換(例如縮放)後添加新的情況是默認情況。我的意思是在設置'(2,2)'後設置'ctx.scale(0.5,0.5)'實際上會做'(2 * 0.5,2 * 0.5)',因此設置爲'( 2,2)'然後到'(0.5,0.5)'不會減少實際的畫布與最初的畫布相比,而是將其重新設置爲以前的大小。 – pimvdb
相關問題
- 1. GWT:放大和縮小畫布繪製
- 2. 縮小放大位圖或畫布
- 3. Android位圖/畫布放大或縮小
- 4. 邏輯放大/縮小畫布
- 5. 調整大小和縮放HTML5畫布和內容
- 6. 放大縮小動畫
- 7. 帶放大和縮小的jQuery動畫
- 8. 動畫放大和縮小android的imageview
- 9. 在android中放大和縮小動畫
- 10. 動畫UIButton放大和縮小點擊
- 11. 在OpenGL中放大/縮小和繪畫
- 12. Android Cardview放大和縮小動畫
- 13. 畫布調整大小時的平移和縮放畫布問題
- 14. 放大和縮小到畫布中的視口中心
- 15. Three.js將鼠標控件限制和縮放到畫布大小
- 16. 放大和縮小畫布的所有孩子?
- 17. 放大和縮小:帆布偏移
- 18. 放大和縮小
- 19. 縮放畫布
- 20. HTML5畫布和縮放
- 21. 縮放HTML5畫布中字體大小小於1
- 22. ViewController動畫像縮放和縮小
- 23. 用畫布縮放大圖像。平滑
- 24. 畫布drawImage縮放
- 25. 畫布與縮放動畫
- 26. 畫布 - 在Android上放大,移動和縮放
- 27. 如何設置縮小放大和縮小放大縮小尺寸?
- 28. facet_wrap和縮放點大小
- 29. 放大和縮小點
- 30. 放大和縮小Direct3D
您是如何實施塗料應用程序的?你有什麼數據可以用更大或更小的縮放重畫畫布?如果你想要做的就是讓現有的像素更大,然後用CSS進行縮放。 – robertc