fabricjs 获取Line起点、终点坐标(getCoords())

说明

element.getCoords()

返回值:数组类型,共4个值,分别是:左上点坐标、右上点坐标、右下点坐标、左下点坐标,如下图:

注意:高分辨率屏幕

如果是普通屏幕,各个值不需要额外处理

如果是 高分辨率屏幕,一般 屏幕会放大,如下图:

但返回的各个值是 没放大 的

所以,如果屏幕放大了,那么 各个值需要 乘上 1.25

获取放大比例

通过下面方式可以获取放大比例:

window.devicePixelRatio

验证

下面两个打印的值,几乎相等(除以 1.25 可能有误差):

console.log("getCoords:",animatePathElement.getCoords()[0])
            console.log("放大后的坐标",animatePathElement.left/1.25,animatePathElement.top/1.25)

参考:
https://www.php.cn/faq/612876.html


原文出处:/show_1IX8dohY93Dn.html