DataV
DataV copied to clipboard
使用数字翻牌器,在大屏幕下面数字模糊,请问怎么处理?
const config1 = { number: [100], content: '{nt}个' }
const config2 = { number: [999], content: '{nt}个' }
export default [ config1, config2 ]
如果是因为高分辨率屏幕导致的失真,可以用下面这段代码优化(摘自网上):
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);