当用户连接时,我尝试在画布上打印图像。
我的代码:
socket.on('load', function(x, y, img) {
var playerimg = new Image();
playerimg.src = img;
playerimg.onload = function() {
context.drawImage(playerimg, x, y, 100, 100);
}
});
x,y和变量img都可以。 我可以console.log每个值,它是正确的但我的画布上没有任何反应。
非常感谢您的回答
编辑:
画布宽100%,高100%。 X和Y等于0,0。
Canvas和Context就在之前定义:
var canvas = document.getElementById("canvas");
var context = canvas.getContext("2d");
控制台上的任何错误。我有一个更新功能,x和y很好地更新(它们为每个玩家正确更改)。