canvas单位问题
发布于 6 年前 作者 cuilei 14063 次浏览 来自 问答

canvas单位 只能是PX么  为什么不能用rpx 为单位 做一个统计图好难受啊

4 回复

canvas单位 目前只能是PX

不解决canvas单位是px的问题，怎么做手机适配···

目前的话只能动态计算：

  1. canvas本身大小可以使用rpx，比如canvas的width: 750rpx; 或者 width: 100%;

  2. 至于canvas内绘图各元素的尺寸，假设某个正方形宽度是100px，以iPhone6 375px为标准，其它屏幕按比例计算，大致做法：

//其它屏幕相比于iPhone 6的比率
const RADIO = wx.getSystemInfoSync().screenWidth / 375
//假设要绘制的元素的长度
let width = 100;
//绘制该元素自适应的长度
let realWidth = width * RADIO

//屏幕宽度等分750份，每份所占长度就是1rpx

const  UnitLength  = wx.getSystemInfoSync().screenWidth / 750;

比如300rpx的实际长度就是300 * UnitLength  

回到顶部