小编use*_*297的帖子

在websocket上发送png图像并渲染接收到的图像

在服务器上:我正在加载一个png图像:

var myimage = png.load('test.png');

then sending over websocket connection:
ws.send(myimage);
Run Code Online (Sandbox Code Playgroud)

在客户端:

function onMessage(evt) {
    if (evt.data instanceof ArrayBuffer) {
        var length = evt.data.byteLength;
        var bytes = new Uint8Array(evt.data);
        var image = document.getElementById("image");
        var img = new Image();
        img.src = 'data:image/png;base64,'+ window.btoa(bytes);
        var ctx = image.getContext("2d");
        ctx.drawImage(img, 0, 0);
}
Run Code Online (Sandbox Code Playgroud)

没有在画布上显示任何内容.关于我做错了什么的任何想法?

png image websocket arraybuffer

7
推荐指数
1
解决办法
6303
查看次数

标签 统计

arraybuffer ×1

image ×1

png ×1

websocket ×1