DataV icon indicating copy to clipboard operation
DataV copied to clipboard

使用数字翻牌器,在大屏幕下面数字模糊,请问怎么处理?

Open liamT1me opened this issue 2 years ago • 1 comments

const config1 = { number: [100], content: '{nt}个' }

const config2 = { number: [999], content: '{nt}个' }

export default [ config1, config2 ]

liamT1me avatar Jul 20 '21 08:07 liamT1me

如果是因为高分辨率屏幕导致的失真,可以用下面这段代码优化(摘自网上):

    let canvas = document.getElementById("my-canvas");
    console.log("fix canvas: ", canvas);
    let ctx = canvas.getContext('2d');
    let dpr = window.devicePixelRatio;
    let { width: cssWidth, height: cssHeight } = canvas.getBoundingClientRect();
    canvas.width = dpr * cssWidth;
    canvas.height = dpr * cssHeight;
    ctx.scale(dpr, dpr);

Nstd avatar Jan 19 '22 10:01 Nstd