更改 Konva.js 中的图像渲染

Posted 2023-03-25

【中文标题】更改 Konva.js 中的图像渲染

【英文标题】：Changing the image rendering in Konva.js

【发布时间】：2021-07-25 08:25:35

【问题描述】：

我正在创建一个画布，其中有一个 1000x1000 的图像，例如 r/place。我想显示放大的图像并能够不雅地看到每个像素。它在 Konva 中运行良好，但它使 the whole image blurry.

我想知道是否有像图像渲染这样的东西：像 CSS 中那样像素化。

提前谢谢你！

【参考方案1】：

您可以为此使用Konva.Layer 的imageSmoothingEnabled 属性。

const layer = new Konva.Layer(
  imageSmoothingEnabled: false
);

https://jsbin.com/roratolewe/edit?html,js,output