在服务器上:我正在加载一个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)
没有在画布上显示任何内容.关于我做错了什么的任何想法?