使用 jquery 加载二进制图像答案

【问题标题】：Load binary image using jquery使用 jquery 加载二进制图像
【发布时间】：2011-09-07 03:55:32
【问题描述】：

我想使用 jquery ajax 显示从特定 URL 下载的图像。我怎样才能实现它？（不设置图像 .src）我还需要旋转和缩放该图像。

【问题讨论】：

您可以使用 Data:url 来完成。 en.wikipedia.org/wiki/Data:_URL。在developer.mozilla.org/en/Canvas_tutorial/Using_images查看通过数据嵌入图像：url下的信息
您能否更深入地解释一下为什么需要这种方法？请记住，jQuery 在 HTML 的“旁边”运行，迟早您将依赖标签 IMG 或 CSS 的 background-image 来显示图像。
当我更改 .src 时它在闪烁
为什么不隐藏img，换成src，然后淡入呢？
这似乎很公平。但是您可以使用 Javascript 编辑图像吗？例如重新缩放/旋转或绘制它？

【解决方案1】：

为了防止图像闪烁，您可以在加载之前先hide图像，然后在加载src之后show。

$('<img>').hide().attr('src', 'img_url').onload(function() {$(this).show()});

要对图像进行旋转或其他更改，我建议使用跨浏览器兼容的Pixastic 库。

【讨论】：

【解决方案2】：

您可以创建一个<canvas> 并用图像填充它。加载后，图像可以旋转、缩放、绘制等。

Here 是一个很好的教程，可以满足您的需要。

为了让它在 IE 中运行，我建议使用ExplorerCanvas。

【讨论】：