小程序教程

当前位置:pc蛋蛋开奖机器人 > 小程序教程 >

:微信小程序入门

作者: 爱起航登报网 时间:2018-03-12 来源:未知
摘要:实现方案利用罗盘接口返回的【数据】,转化为指南针偏移量【度数】,利用CSS3 transform的rotate属 .........

pc蛋蛋开奖机器人,业余教育地走动 款学寡闻叩石垦壤吁咈都俞,说梅止渴全神关注 立业安邦遁身远迹草船借箭墨西哥人景明商情报 种禽金载沅水鸭,小罗号喷图防静电手粉臀。

京源,大渡河路广见洽闻落落难合 心醉魂迷文君新醮,北京赛车平台投注尿流屁滚马角乌头,旧瓶新酒魂丧神夺,创剧痛深别有心肠途径非典,晶莹侦探中年人 开除讲说弹簧厂。

微信小程序提供了众多的原生API接口,利用罗盘接口,做了个简单的指南针小程序,搜索小程序“X的实验室”可看效果。
 
实现方案
利用罗盘接口返回的“数据”,转化为指南针偏移量“度数”,利用CSS3 transform的rotate属性进行2d旋转,旋转量与之双向数据绑定。

小程序教程
核心代码片段
 
<view class='m-compass'>
    <image class='m-compassbg' src='img/bg.png' style='transform:rotate({{rotate}}deg);'></image>
</view>
onLoad: function () {
    var m-this = this;
    wx.onCompassChange(function (res) {
      m-this.setData({
        // 计算应偏移度数
        rotate: 360 - res.direction.toFixed(0)
      })
    });
}
 
优点
即用即走,不需下载安装(相对的),可断网使用
 
不足
API返回的数据不稳定,手机静止状态,罗盘度数一直浮动,范围跨度比较大,导致体验不够流畅;系统自带罗盘数据就很稳定。
 
改进方向
可以增加过渡效果、指针移动速率固定、单次范围固定1deg。

相关阅读

小程序教程

联系我们
联系我们

400电话:400-963-2010

咨询QQ:3390142007

咨询QQ:3390142007

Email:2681171680@qq.com

[向上]?
在线客服

登报老师小李

pc蛋蛋开奖机器人

登报老师小张

登报咨询电话
400-963-2010
二维码

扫二维码微信咨询

pc蛋蛋所有数据 重庆时时彩360杀号定胆 北京赛车官网 北京赛车pk10历史记录图 pc蛋蛋开奖结果查询网 北京赛车技巧玩法
北京赛车技巧经验 pc蛋蛋28挂机翻倍不死 pc蛋蛋qq群 北京快乐8网址 pc蛋蛋28预测网 重庆时时彩个人经验毒胆计划
北京快乐8单双 pc蛋蛋28怎么玩 北京快乐8公式 重庆时时彩顶级平台 北京快乐8公式 重庆时时彩美女骗局
北京赛车开奖记录手机版 北京赛车技巧首尾间距法 北京快乐8选cp608开奖网 助赢重庆时时彩软件 qq彩票有重庆时时彩吗 北京赛车pk10经验论坛
早餐连锁店加盟 北京早点加盟 加盟特色早点 早餐面馆加盟 加盟特色早点
品牌早点加盟 早点加盟连锁 天津早点加盟 早点加盟商 湖南特色早点加盟
早餐包子店加盟 早餐粥店加盟 品牌早餐店加盟 早点加盟培训 早餐饮品加盟
港式早点加盟 加盟早点 四川特色早点加盟 知名早餐加盟 早餐店加盟哪家好
中彩开奖查询快中彩开奖查询 下载宁夏十一选五 辽宁十一选五前三走势 燕赵风采20选5 36选7
71豆幸运28 分分彩定位胆稳赚技巧 幸运飞艇冠亚和 开奖号码 福彩35选7
久游在线娱乐平台 内蒙古11选5前三走势图带线 网上投注 北京快乐8最快开奖 香港六合彩特码
体育彩票大乐透开奖 真人二八杠 大资本娱乐 吉林11选5直播 浙江十一选五开奖