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

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);

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

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

回到顶部