1
我使用canvas和kineticjs創建圖像編輯器。在該過程結束時，我將整個畫布導出爲圖像。用kineticjs縮放（縮放）整個畫布
我的問題是，我想縮小編輯窗口，即使用500x500畫布導出1000x1000圖像。
到目前爲止，我所做的是按比例縮放所有畫布元素，然後在導出時將舞臺尺寸設置爲所需的尺寸。問題是這會擴大圖像大小，但不是畫布中的元素。
任何關於如何縮小可見畫布但輸出完整大小的圖像的其他想法？
A
回答
1
玩耍，並與來自@EliteOctagon一些幫助後，這裏是我的解決方案：
- 設定一個比例係數
- 變量保存原始大小
- 創建階段，兩者的規模（爲內元素）和按比例縮小的高度/寬度（對於畫布本身）
- 保存圖像時，暫時設定高度/寬度到原始和縮放因子到1
相關問題
- 1. 用畫布拖動和縮放kineticjs
- 2. 縮放畫布
- 3. 畫布drawImage縮放
- 4. KineticJS圖像縮放
- 5. 畫布與縮放動畫
- 6. 使用CSS/JS縮放/縮放動畫
- 7. 滾動/縮放pixi.js畫布
- 8. HTML5畫布和縮放
- 9. Chrome HTML5畫布縮放
- 10. Android畫布圖像縮放
- 11. 的Android ItemizedOverlay縮放畫布
- 12. 放大和縮小畫布
- 13. 縮放畫布jsplumb/fabric.js
- 14. Android縮放畫布位圖
- 15. Java FX縮放的畫布
- 16. Android：畫布不縮放
- 17. HTML5畫布/ CSS縮放
- 18. 畫布縮放到點（0,0）
- 19. KineticJS和捏和縮放
- 20. 當縮放時，使用畫布縮放的矩形剪輯
- 21. 如何用動畫縮放畫布
- 22. 如何縮放整個畫廊？
- 23. 動畫網站縮放/縮放
- 24. 直接縮放畫布VS縮放HiDPI中的CSS
- 25. 縮放畫布以便將base64 toDataURL（）也縮放
- 26. 從畫布中的不同點進行縮放/縮放
- 27. CreateJS - 縮放畫布不會縮放鼠標座標
- 28. KineticJS - 縮放後重新縮放圖像/形狀
- 29. 縮放xlarge的整個佈局
- 30. 如何在動畫中縮放畫布？
你能展示一些縮放代碼嗎？你有沒有試過stage.setScale（x，y）？ – SoluableNonagon 2013-02-14 15:01:56
是的，這樣會縮放舞臺中元素的大小，但不是舞臺本身，允許將項目拖到場外應該出現的位置 – LobsterMan 2013-02-14 15:39:45
，還可以動態調整舞臺的大小，例如stage.setWidth（）和stage.setHeight（） – SoluableNonagon 2013-02-14 15:41:37