【问题标题】:What is the best way to resize/crop an image on client side?在客户端调整/裁剪图像的最佳方法是什么?
【发布时间】:2013-12-16 09:47:24
【问题描述】:

在上传到服务器之前,我正在尝试在浏览器中裁剪和调整 base64 jpeg 图像的大小。每隔 0.5 秒定期执行此操作。目前,我正在使用 HTML5 画布来执行此操作,但以下问题除外:

1- Canvas 仅在 IE 版本 9 及更高版本上受支持。

2- 每次我设置 Image.src ="...";在 javascript 中,IE 消耗的内存增加了大约 3MB(显示在任务管理器中),显然这是一个已知问题。我的 IE 版本是 10。

我尝试完全在 javascript 中裁剪和调整图像大小,但速度非常慢。 (我在https://github.com/notmasteryet/jpgjs使用了javascript jpeg解码器)

鉴于上述情况,最好的方法是什么?闪光?其他选择? flash 的问题是它在 iphone 上不受支持,但我现在可以忽略这一点。如果闪存是要走的路,是否有任何开源库可以这样做?

【问题讨论】:

  • 为什么需要以 0.5 秒的间隔调整/裁剪图像?
  • 该图像是一个 640x480 的相机快照发送到服务器进行对象识别。出于带宽考虑,发送到服务器的图像必须缩放到
  • 那么<canvas> 真的不是一个选择吗?我认为使用“隐形帆布”可以帮助缓解压力。
  • 如果你所说的不可见画布是指可见属性设置为“隐藏”的画布,那么是的,这就是我正在做的事情。同样,canvas 的问题是 IE 上的内存泄漏。

标签: javascript html flash


【解决方案1】:

你应该使用 php 的 GD2 库,但在服务器端

【讨论】:

  • 我必须在客户端调整大小。图片太大,无法以原始格式每 0.5 秒传输一次。
猜你喜欢
  • 2010-10-05
  • 1970-01-01
  • 2018-12-19
  • 1970-01-01
  • 2015-08-10
  • 1970-01-01
  • 1970-01-01
  • 2011-10-14
  • 2016-07-26
相关资源
最近更新 更多