Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/88.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 我如何在画布上居中绘制一幅像谷歌地图一样的图_Javascript_Html_Canvas - Fatal编程技术网

Javascript 我如何在画布上居中绘制一幅像谷歌地图一样的图

Javascript 我如何在画布上居中绘制一幅像谷歌地图一样的图,javascript,html,canvas,Javascript,Html,Canvas,您好,我正在开发一个地图应用程序,我有一个表格,允许注册坐标,如dd/mm/ss O和dd/mm/ss N,我在地图中显示一个点,但我希望在画布中间显示一个点,如谷歌地图在屏幕中央显示用户位置 我试过了 ctx.translate(x,y)。如果要将任何[x,y]拉到画布的中心,可以这样做:translate(canvas.width/2-x,canvas.height/2-y)然后drawImage(map,0,0)。您好,我认为可以移动地图图像以将图形放在画布中心,但我不知道这是否可行。如

您好,我正在开发一个地图应用程序,我有一个表格,允许注册坐标,如dd/mm/ss O和dd/mm/ss N,我在地图中显示一个点,但我希望在画布中间显示一个点,如谷歌地图在屏幕中央显示用户位置 我试过了


ctx.translate(x,y)
。如果要将任何[x,y]拉到画布的中心,可以这样做:
translate(canvas.width/2-x,canvas.height/2-y)
然后
drawImage(map,0,0)
。您好,我认为可以移动地图图像以将图形放在画布中心,但我不知道这是否可行。如果有人能帮助我找到解决方案,请感谢我可以将图像(地图)移动到与drawImage(img、pointX、pointY)相关的位置,但我想在画布中间显示该点。求你了,我需要你的帮助