最新时时彩平台演示 中新时时彩要不要交税 新时时彩三星组六技巧 最新时时彩源码修改 新时时彩遗漏走势图 新时时彩预测方法 新时时彩计算器 新时时彩开奖皇冠网址 新时时彩组三怎么玩 最新时时彩后四稳赚 新时时彩官方开奖网站 新时时彩人工计划 新时时彩开奖漏洞 新时时彩最长遗漏 新时时彩中奖顺序 360新时时彩技巧-轴承资讯 新时时彩停售 最新时时彩杀号高手 新时时彩三星走势图 玩新时时彩有什么技巧 新时时彩3星和尾走势 新时时彩后一公式 重新时时彩网站 新时时彩遗漏统计软件 吉林新时时彩走势图 新时时彩中奖怎么查 新时时彩是什么地方 新时时彩中奖怎么查 新时时彩下载手机版下载 新时时彩贴吧 最新时时彩计划软件 大赢家新时时彩 新时时彩注册送彩金 新时时彩组选投注技巧 新时时彩走势图 新时时彩万能5码 新时时彩模拟 新疆新时时彩往期开奖号码 新时时彩的玩法 新时时彩稳赚计划 最新时时彩70注 新时时彩返奖率 新时时彩杀号定胆360 新时时彩后二杀号 新时时彩振幅走势 最新时时彩教程 新时时彩后台软件 新时时彩几点开始 新时时彩日赚几百 最新时时彩注册送20
用户
 ?#19968;?#23494;码
 立即注册

QQ登录

只需一步,快速开始

扫一扫,登录网站

小技巧:wx.canvasToTempFilePath与获取屏幕宽高

天下雪 2016-11-20 12:21

wx.canvasToTempFilePath wx.saveFile官方文档中只有一行,真是坑爹啊,原来wx.canvasToTempFilePath参数为一个对象包括canvasID,success,fail,complete,和wx.saveFile差不多; wx.canvasToTempFilePath({ canvasId ...

wx.canvasToTempFilePath wx.saveFile

官方文档中只有一行,真是坑爹啊,原来

wx.canvasToTempFilePath参数为一个对象包括canvasID,success,fail,complete,和wx.saveFile差不多;

            wx.canvasToTempFilePath({
              canvasId: 'target',
              success: function success(res) {
                wx.saveFile({
                  tempFilePath: res.tempFilePath,
                  success: function success(res) {
                    console.log('saved::' + res.savedFilePath);
                  },
                  complete: function fail(e) {
                    console.log(e.errMsg);
                  }
                });
              },
              complete: function complete(e) {
                console.log(e.errMsg);
              }
            });


 

wx.saveFile,保存的图片,我在iphone6上测试,提示保存成功,但在?#21482;?#30456;册中无法查看,应该是这个保存功能不够完善,以后可能会出一个保存到相册吧。

  

**获取设备宽高

wx.getSystemInfo(OBJECT)

获取系统信息。

OBJECT参数说明:

参数类型必填说明
successFunction接口调用成功?#24149;?#35843;
failFunction接口调用失败?#24149;?#35843;函数
completeFunction接口调用结束?#24149;?#35843;函数(调用成功、失败都会执行)

success回调参数说明:

属性说明
model?#21482;?#22411;号
pixelRatio设备像素比
windowWidth窗口宽度
windowHeight窗口高度
language微信设置的语言
version微信版本号

 

 

**尺寸问题

小程序中,支?#21482;?#21487;以使用vw(1%的屏幕宽),vh(1%的屏幕高),

在wxss中虽然使用表达式calc不会报错,但这个值是无效的。

尺寸单位

  • rpx(responsive pixel): 可以根据屏幕宽度进行自适应。规定屏幕宽为750rpx。如在 iPhone6 上,屏幕宽度为375px,共有750个物理像素,则750rpx = 375px = 750物理像素,1rpx = 0.5px = 1物理像素。
设备rpx换算px (屏幕宽度/750)px换算rpx (750/屏幕宽度)
iPhone51rpx = 0.42px1px = 2.34rpx
iPhone61rpx = 0.5px1px = 2rpx
iPhone6 Plus1rpx = 0.552px1px = 1.81rpx
  • rem(root em): 规定屏幕宽度为20rem;1rem = (750/20)rpx 。

建议: 开发微信小程序时设计师可以用 iPhone6 作为视觉稿的标准。 注意: 在较小的屏幕上不可避免?#24149;?#26377;一些毛刺,请在开发?#26412;?#37327;避免这种情况。

鲜花
鲜花
鸡蛋
鸡蛋
分享至 : QQ空间
收藏
原作者: 术虫 来自: 授权地址

相关阅读

  • 开发工具 2018-9-29 15:55
    《微信小程序自动切片生成布局软件》原来?#20013;?#30340;这部分工作,可以用切片软件的方法来?#23567;?#20999;好后,可以自动生成wxml,wcss,js文件。
    效果图?#31995;?#25991;字可以通过自动文字识别识别出来,提高录入的速度,减轻工作量。
    设计好的切片文件可以存档,以便下次需要的时候拿来重新编辑。只要有切片文件在,换了程序也可以修改和编辑。
    有任?#25105;?#38382;欢迎随时联系我们!
    Q  Q : 348961183
    如有打扰,请谅解!
    勿喷!谢谢!
新时时彩软件
上海时时彩走势图 伯恩利vs卡迪夫城 2014FIFA返水 黑龙江快乐十分钟麻将 中国体彩网官方首页和浙江体育彩票网 体坛排列5走势图 好运经纪人在线客服 法兰克福在哪个国家 堡垒之夜pve 古墓奇兵拉拉版 亚冠山东鲁能对鹿岛鹿角视频直播 贵州快三开奖结果