2011-06-02 104 views
3

我想显示使用jquery ajax从特定URL下载的图像。我怎样才能实现它? (没有设置图像.src)我还需要旋转和缩放该图像。使用jquery加载二进制图像

+0

你可以使用Data:url's来做到这一点。 http://en.wikipedia.org/wiki/Data:_URL。查看下面的信息**通过data:url **嵌入图片https://developer.mozilla.org/en/Canvas_tutorial/Using_images – Niklas 2011-06-02 15:06:49

+1

您能否更深入地解释为什么您需要这种方法?请记住,jQuery在HTML旁边运行,不久或将来,您将依赖标记IMG或CSS的背景图像来显示图像。 – Tuco 2011-06-02 15:09:20

+0

当我更改.src时它闪烁 – Mark 2011-06-02 15:12:01

回答

0

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

Here是一个很好的教程,完全符合您的需求。

为了在IE中运行,我建议使用ExplorerCanvas

0

为了防止图像轻弹,您可以先加载hide加载前的图像,然后用src加载show

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

旋转或做形象上的其他突变,在I sugguest使用Pixastic库是跨浏览器兼容。