fabricjs 获取Line起点、终点坐标（getCoords()） 作者：马育民 • 2024-10-20 16:44 • 阅读：10005 # 说明 ``` element.getCoords() ``` **返回值：**数组类型，共4个值，分别是：左上点坐标、右上点坐标、右下点坐标、左下点坐标，如下图： [](/upload/0/0/1IX8dodRB6qj.jpg) ### 注意：高分辨率屏幕 如果是普通屏幕，各个值不需要额外处理 如果是 **高分辨率屏幕**，一般 **屏幕会放大**，如下图： [](/upload/0/0/1IX8OYh5ktYy.jpg) 但返回的各个值是 **没放大** 的 所以，如果屏幕放大了，那么 **各个值需要 乘上** `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 原文出处：http://malaoshi.top/show_1IX8dohY93Dn.html