1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18
| function pointDisplay(e,coordx,coordy,x,y){
ctx.beginPath();
ctx.lineWidth = 2;
x-=canvas.offsetLeft;//<span style="font-size:14px;">c'est la coordonnée x de début du canvas de vision</span>
y-=canvas.offsetTop;//<span style="font-size:14px;">c'est la coordonnée Y de début du canvas de vision</span>
var centreX=Math.round(canvas.width/2)+canvas.offsetLeft;
var centreY=Math.round(canvas.height/2)+canvas.offsetTop;
var resultat={};
resultat.x=-(coordx-centreX);
resultat.y=-(coordy-centreY);
var result=convert(1000,1000);
ctx.clearRect(0, 0, canvas.width, canvas.height);
ctx.drawImage(gkhead,result.x,result.y);
ctx.fillRect(result.x,result.y,30,30);
alert(canvas.offsetLeft+' '+canvas.offsetTop);//ça me retour 0,0
ctx.fillStyle='rgba(23,145,167,0.4)';
ctx.fill();
ctx.stroke(); |
Partager