【问题标题】:how to replace a part of an image in html5如何在html5中替换图像的一部分
【发布时间】:2013-01-07 14:22:04
【问题描述】:

这是我第一次在这里提问,对不起我的英语水平。 我的用法如下: 我们使用websocket作为服务器与客户端通信。服务器向客户端发送图像,每次图像之间只有一点点差异。那么,如何以最高性能显示图像? 我想,我可以从图像的类型数组中获取不同的字节,然后替换它们,但是如何实现呢?

【问题讨论】:

    标签: image html canvas


    【解决方案1】:

    如果您的服务器知道什么与之前的不同,那么它可以创建一个仅包含不同位的透明图像,您可以将该图像堆叠在之前的图像之上。在和以前一样的地方,可以只是透明的(没有图像数据)。相对少量的不同数据应该压缩成一个非常小的图像文件。

    【讨论】:

    • 是的,我们按照你写的那样做了。但是如果我用img.src="url"来显示图片,浏览器会完全绘制一个新的图片。如何让浏览器只绘制图像的不同部分?
    • @kyo - 您可以使用 CSS 将新图像堆叠在一起,以这种方式定位它们。您不能让浏览器仅绘制<img> 标记的一部分。您可以探索使用画布绘图功能。
    猜你喜欢
    • 2021-11-26
    • 2019-01-08
    • 2013-12-03
    • 2023-03-26
    • 2015-03-09
    • 1970-01-01
    • 2012-06-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多