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

Question

我有一个Base64编码的PNG从Web套接字挤出到一个网页,我使用数据URI显示

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

有没有办法在javascript或它的一些风格调整我收到的图像调整为较小的base64数据URI等效,以dinamically生成给定图像的缩略图版本？

或者也许我可以复制HTML Image对象并使用它作为一个整体玩,使用一些我还没有发现的模糊jQuery魔术技巧.

如果这可以在客户端的javascript中完成,我可以避免对我的服务器deamon的另一个HTTP请求,这将花费一些时间来重新处理和传递调整大小的图像.

Answer 1

您可以使用 jQuery 克隆图像，至于调整大小 - 也许只是简单地更改 html 元素的宽度和高度？

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