保持像素“锐利”。用fabricjs缩放后

Question

我正在使用fabricjs显示图像并使用结构启用缩放

myFabric.zoomToPoint({ x: x, y: y }, newZoom);

问题是，当我放大像素时，像素变得模糊，而不是保持清晰，“分离”。相互之间。
缩小：

  放大：

Answer 1

您可以在制作面料的画布时传递imageSmoothingEnabled选项：

＆＃13;

＆＃13;

docker service create --replicas 1 --name database --publish 1433:1433 -e "ACCEPT_EULA=y" -e "SA_PASSWORD=test" microsoft/mssql-server-linux

＆＃13;

var canvas = new fabric.Canvas('a', {
  imageSmoothingEnabled: false // here you go
});
fabric.Image.fromURL("https://i.stack.imgur.com/dQRkt.png", function(img) {
  canvas.add(img);
  canvas.zoomToPoint({x: 50, y: 50}, 120);
});

＆＃13;

＆＃13;

＆＃13;