小程序 Canvas绘图不同尺寸设备 UI兼容的两个解决方案

上传者: 38706824 | 上传时间: 2021-03-29 18:12:40 | 文件大小: 93KB | 文件类型: PDF
最近做的一个需求,遇到一个问题,小程序绘图目前只支持 px单位,设计图一般是以 iphone6为基准设计,如果严格 iphone6的尺寸进行代码编写,放在其他尺寸的设备上,肯定是不行的,所以需要按照设备进行等比例兼容,这里给出两个解决方案 先假设一个需求,下面是最终实现的效果(以 iphone6为基准),下面就以此为目标进行展开   (此图片来源于网络,如有侵权,请联系删除! )   整个页面被 canvas组件覆盖(在 iphone6下宽高为 375x603),中间偏蓝色的是一张图片,图片上有一行字 flexible canvas 类 rem 等比例缩放单位的解决方案,也就是以一个尺寸为基准

文件下载

评论信息

免责申明

【只为小站】的资源来自网友分享,仅供学习研究,请务必在下载后24小时内给予删除,不得用于其他任何用途,否则后果自负。基于互联网的特殊性,【只为小站】 无法对用户传输的作品、信息、内容的权属或合法性、合规性、真实性、科学性、完整权、有效性等进行实质审查;无论 【只为小站】 经营者是否已进行审查,用户均应自行承担因其传输的作品、信息、内容而可能或已经产生的侵权或权属纠纷等法律责任。
本站所有资源不代表本站的观点或立场,基于网友分享,根据中国法律《信息网络传播权保护条例》第二十二条之规定,若资源存在侵权或相关问题请联系本站客服人员,zhiweidada#qq.com,请把#换成@,本站将给予最大的支持与配合,做到及时反馈和处理。关于更多版权及免责申明参见 版权及免责申明