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