drawImage绘图未按照translate中心点绘图
发布于 7 年前 作者 nxie 10822 次浏览 来自 问答

translate中心点

我是用小程序的canvas的fillRect等绘图时，图按照translate中心点进行绘图，但是在使用drawimage绘图时，他却按照左上角的的原点进行绘图，

请问为什么？

相关代码如下

builditem,为一个方块，areaX为x坐标，areaWidth为宽度，

minPoint.x = buildItem.areaX + buildItem.areaWidth / 2 - canvas.width / 2;
minPoint.y = buildItem.areaY + buildItem.areaHeight / 2 - canvas.height / 2;

我想设置手机中心点为坐标原点，即：(canvas.width/2, canvas.height/2)

但是我在drawImage里传入的却是：

minPoint.x = buildItem.areaX + buildItem.areaWidth / 2;
minPoint.y = buildItem.areaY + buildItem.areaHeight / 2;

即按照左上角为中心的坐标原点。

ctx.drawImage(endPointIcon, minPoint.x, minPoint.y);

按照后者的坐标值，他在画布上标注位置正常，

但是按照前者坐标值，他会超出画布边界，在左上区域

回到顶部