【问题标题】:Crop Stage/Layer before stage.toDataURL() in KineticJS在 KineticJS 中的 stage.toDataURL() 之前裁剪阶段/图层
【发布时间】:2012-12-20 17:21:45
【问题描述】:

在 KineticJS 中使用stage.toDataURL(),可以生成 JPEG 图片。

问题:必须将生成的图像裁剪成较小的图像并保存到网络服务器上。有没有办法裁剪舞台,以便stage.toDataURL() 创建的数据 uri 是最终裁剪的图像?还是我必须在服务器端裁剪它?

【问题讨论】:

  • 我对 kineticjs 不熟悉,但你能创建另一个屏幕外画布来进行裁剪,然后在上面绘制主画布吗?我会快速了解 KineticJS。
  • 听起来是个好主意!在另一个画布上,可能将图像加载到 KineticJS Image 对象中并使用其裁剪功能,并使用 .toDataURL() 生成裁剪后的版本。
  • 通读少量文档,但听起来应该可以。对结果感兴趣。
  • 是的,你的建议有效:)
  • 如果您将建议的解决方案添加为答案,我将选择它作为最佳答案

标签: javascript jquery html canvas kineticjs


【解决方案1】:

您可以创建另一个用于裁剪的屏幕外画布。然后将主画布绘制到该裁剪画布并在调用 toDataURL 之前根据需要进行裁剪。

【讨论】:

  • 任何帮助的示例代码。我似乎遇到了同样的问题
猜你喜欢
  • 2014-05-07
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2013-02-14
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多