js 将画布原点改到中间 00的位置缩放的时候里面的元素移动右下角怎么办
当我们将画布原点改到中间时,所有元素的坐标都会相应地发生变化。如果要进行缩放操作,并且希望元素的位置不发生偏移,可以通过以下步骤实现:
-
计算缩放前元素相对于画布中心点的坐标。
-
进行缩放操作,保持画布中心点不变。
-
计算缩放后元素相对于画布中心点的坐标。
-
将元素移动到新的位置,使其与缩放前的位置保持一致。
例如,假设元素在缩放前的坐标为(x1,y1),画布中心点坐标为(cx,cy),缩放比例为scale。则元素在缩放后的新坐标为:
x2 = (x1 - cx) * scale + cx y2 = (y1 - cy) * scale + cy
根据这个公式,我们可以计算出元素在缩放后应该移动到的位置,从而保持其相对位置不变。
原文地址: http://www.cveoy.top/t/topic/f4mg 著作权归作者所有。请勿转载和采集!