微信小游戏canvas抗锯齿

最新推荐文章于 2021-06-27 13:07:56 发布

SakuraLJ

最新推荐文章于 2021-06-27 13:07:56 发布

阅读量4k

点赞数 2

CC 4.0 BY-SA版权

分类专栏： javascript

本文链接：https://blog.youkuaiyun.com/SakuraLLj/article/details/80263494

javascript 专栏收录该内容

10 篇文章

订阅专栏

本文介绍了一种使用微信开发者工具获取设备屏幕尺寸，并据此调整canvas画布大小的方法。通过调用wx.getSystemInfoSync()同步获取窗口宽度和高度，然后设置canvas的宽高样式及实际尺寸，并应用设备像素比进行缩放。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

这里写图片描述

let sysInfo = wx.getSystemInfoSync(),width  =sysInfo.windowWidth,height  =sysInfo.windowHeight;

canvas.style.width = width + "px";
canvas.style.height = height + "px";
canvas.height = height * window.devicePixelRatio;
canvas.width = width * window.devicePixelRatio;
ctx.scale(window.devicePixelRatio, window.devicePixelRatio);