电脑分辨率
在高分辨率屏幕,一般设置放大 125%,如下:
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)
