JavaScript Canvas库 fabricjs 禁止缩放（指定的宽高与Canvas不同） 作者：马育民 • 2024-09-16 22:49 • 阅读：10059 # 电脑分辨率 在高分辨率屏幕，一般设置放大 `125%`，如下： [](/upload/0/0/1IX8OYh5ktYy.jpg) # fabricjs 自动缩放 fabricjs 会根据上面的缩放比例，自动进行缩放，所以默认情况下，指定的宽高，与 `Canvas` 的宽高不同，包括 `Canvas` 里面的物体 **位置坐标**、运动距离 ### 禁止缩放代码 ``` <canvas id="c" ></canvas> ``` ``` const c = document.querySelector('#c'); // fabric 会根据操作系统屏幕缩放进行等比例放大 // 为了禁止等比例放大，这里通过计算，缩小Canvas宽高 const width=1280/window.devicePixelRatio; const height=720/window.devicePixelRatio; const canvas = new fabric.Canvas('c', { backgroundColor:"antiquewhite", width:width, height:height, }) // 这里传入的是canvas的id // 缩放Canvas里面的物体，不会缩放Canvas宽高 canvas.setZoom(0.8) ``` 原文出处：/show_1IX8RHcEkjDB.html