一種防止行動應用程式上畫布模糊的方法

一般情況下，canvas 的內容從 PC 到行動裝置都會被放大或縮小，產生一定的模糊副作用。這些可以使用以下方法解決：

const domRect = document.getBoundingClientRect();
const dpr = window.devicePixelRatio; // get devicePixelRatio value of current mobile device
// set canvas viewport to multiple of dpr
canvas.width = domRect.width * dpr;
canvas.height = domRect.height * dpr;
// scale the content of canvas to multiple of dpr
canvas.scale(dpr, dpr);

以上是一種防止行動應用程式上畫布模糊的方法的詳細內容。更多資訊請關注PHP中文網其他相關文章！