Javascript 如何为HTML5画布添加自定义坐标

Javascript 如何为HTML5画布添加自定义坐标,javascript,jquery,html,canvas,Javascript,Jquery,Html,Canvas,请看一看,让我知道如何将画布的开头从0,0设置为5001200,好吗?例如,如果我有一个坐标为5831642的点 然后可以将该点添加为: ctx.arc(5831642,5,0,Math.PI*2,真) 谢谢,您可以使用“平移”来移动坐标系。只需将其向相反方向移动,例如: ctx.translate(-500, -1200); 现在,当您在583、1642处绘制某个对象时,它将显示在相对于视图端口的83442处 要重置,只需使用单位矩阵进行变换或初始化: ctx.setTransform(1,

请看一看,让我知道如何将画布的开头从0,0设置为5001200,好吗?例如,如果我有一个坐标为5831642的点 然后可以将该点添加为:

ctx.arc(5831642,5,0,Math.PI*2,真)


谢谢,

您可以使用“平移”来移动坐标系。只需将其向相反方向移动,例如:

ctx.translate(-500, -1200);
现在,当您在583、1642处绘制某个对象时,它将显示在相对于视图端口的83442处

要重置,只需使用单位矩阵进行变换或初始化:

ctx.setTransform(1, 0, 0, 1, 0, 0);

ctx.setTransform(1, 0, 0, 1, 0, 0);