我试图通过单击画布上的两个点来绘制矩形。我需要获取第一个点的x,y坐标,使用strokeRect在第二个点击上绘制矩形。通过单击画布上的两个点绘制矩形
这是我迄今为止......裸露在我这是业余小时在这里。
感谢任何建议/输入..
var rectangle = 0;
function plot_pt(event){
var c = document.getElementById("myCanvas");
var ctx = c.getContext("2d");
if(rectangle==1){
ctx.moveTo(clx, cly);
clx = event.clientX-c.offsetLeft;
cly = event.clientY-c.offsetTop;
if(rectangle != 0){
rectangle++;
} else {
ulx = event.clientX-c.offsetLeft;
uly = event.clientY-c.offsetTop;
ctx.beginPath();
ctx.moveTo(ulx, uly);
ctx.strokeRect(50, 50, 120, 140);
ctx.stroke();
你是如何检测的单击事件? – bejado