用kineticjs缩放(缩放)整个画布

时间:2013-02-14 12:57:06

标签: kineticjs

我正在使用canvas和kineticjs创建一个图像编辑器。在过程结束时,我将整个画布导出到图像。

我的问题是我想缩小编辑器窗口,即使用500x500画布导出1000x1000图像。

到目前为止我所做的是按比例缩小所有画布元素,然后在导出时将舞台大小设置为所需的大小。问题是,这会缩小图像大小,但不会缩放画布中的元素。

关于如何缩小可见画布,然后导出全尺寸图像的任何其他想法?

1 个答案:

答案 0 :(得分:1)

在@EliteOctagon的帮助下,这是我的解决方案:

  1. 使用比例因子
  2. 设置变量
  3. 保存原始尺寸
  4. 使用缩放(对于内部元素)和缩小的高度/宽度(对于画布本身)创建舞台
  5. 保存图像时,暂时将高度/宽度设置为原始值并将比例因子设置为1