如何使用javascript调整Base64编码数据URI PNG的大小?

如何使用javascript调整Base64编码数据URI PNG的大小?,javascript,jquery,base64,image-resizing,data-uri,Javascript,Jquery,Base64,Image Resizing,Data Uri,我将Base64编码的PNG从web套接字压缩到一个网页中,我使用数据URI显示该网页 <img src="data:image/png;base64, --base64 png-- "> 在javascript或它的一些风格中,是否有一种方法可以将我接收到的图像调整为更小的base64数据URI等价物,从而生成给定图像的缩略图版本 或者,我可以复制HTML图像对象并将其作为一个整体使用,使用一些我还没有发现的晦涩的jQuery魔术 如果可以在客户端的javascrip

我将Base64编码的PNG从web套接字压缩到一个网页中,我使用数据URI显示该网页

    <img src="data:image/png;base64, --base64 png-- ">

在javascript或它的一些风格中,是否有一种方法可以将我接收到的图像调整为更小的base64数据URI等价物,从而生成给定图像的缩略图版本

或者,我可以复制HTML图像对象并将其作为一个整体使用,使用一些我还没有发现的晦涩的jQuery魔术


如果可以在客户端的javascript中实现这一点,我就可以避免向我的服务器deamon发出另一个HTTP请求,这将需要一些时间来重新处理和交付调整大小的图像。

该插件声称能够调整图像大小。TMMV,我自己还没试过。

你可以用jQuery克隆图像,至于调整大小——也许只是简单地改变html元素的宽度和高度

$('.somewhere img').clone().appendTo('.elsewhere').width(16).height(16)

Pixastic库可以做到这一点,而且运行速度惊人,即使在移动设备上也是如此

试着做一些像:

    Pixastic.process(image, "resize", { "width" : 200, "height" : 200 }, function (oCanvas){ //callback code here});
我挣扎了好几周才明白到底发生了什么!!! 现在,我使用我在网上找到的Canvas2Image返回图像