Tag: mouse position
真正的鼠标在canvas上的位置
我试图用鼠标在HTML5canvas上绘制，但是看起来效果不错的唯一方法是如果canvas位于位置0,0（左上angular），如果我更改canvas位置，出于某种原因它并不像它应该画的那样。 这是我的代码。 function createImageOnCanvas(imageId){ document.getElementById("imgCanvas").style.display = "block"; document.getElementById("images").style.overflowY= "hidden"; var canvas = document.getElementById("imgCanvas"); var context = canvas.getContext("2d"); var img = new Image(300,300); img.src = document.getElementById(imageId).src; context.drawImage(img, (0),(0)); } function draw(e){ var canvas = document.getElementById("imgCanvas"); var context = canvas.getContext("2d"); posx = e.clientX; posy = e.clientY; context.fillStyle = "#000000"; context.fillRect (posx, posy, 4, 4); } HTML部分 <body> […]
Interesting Posts
