javascript - 使用jQuery模拟鼠标点击坐标

Question

我正在尝试模拟鼠标单击，在加载时的特定点在 Canvas 上绘制某些内容。我正在看这篇文章，JavaScript draw a circle on mouse click - cordinates don't match ，并且正在尝试此处提供的 JS Fiddle:http://jsfiddle.net/7xQZ2/22/

当您单击 Canvas 时，原始 JS Fiddle 会绘制圆圈。是否可以模拟加载时的点击？例如，当页面加载时，在 (200, 200) 处出现一个圆圈？

function simulateClick(x, y) {
    $(document.elementFromPoint(x, y)).trigger('click')
 }
simulateClick(200, 200)

提前致谢!

Answer 1

创建一个绘制的函数:

function draw(pageX, pageY, canvas){
  var x = pageX - canvas.offsetLeft;
  var y = pageY - canvas.offsetTop; 

  var ctx= canvas.getContext("2d");
  ctx.beginPath();
  ctx.arc(x, y, 10,0, 2*Math.PI);
  ctx.stroke();

  $('#status2').html(x +', '+ y); 
 }

然后在 $("#special").click() 内部和页面加载时的任意位置调用该函数，同时传递正确的参数。