一.需求 在一个高640.宽360的canvas内画一些坐标点. 二.问题 坐标点只显示了一部分,剩下的点没显示(其坐标属于(640,360)区域). 三.原因 canvas默认的画布大小是高150,宽300,这个范围以外的点自然显示不了,因此判断是画布大小的设置有问题. 设置画布大小的时候,分别用两种方式设置width和height: 1.style <Canvas style={{ width: 360, height: 640, backgroundColor: '#F5FCFF' }}

react_native_banner-min.png React Native(以下简称RN)有大量前端开发者的追捧.前端开发是一个活跃的社区,一直尝试着一统前后端,做一个全栈开发,RN就是他们在客户端领域的尝试. 说是从零开始,但其实我还是懂一点点JS代码的,而且算是一个有经验的iOS.Android开发,对很多js和native交互的细节和特性还算了解,在QDaily里面也做过好多hybird的尝试,还经常用JSPatch做hotfix,总的来说,就是对hot update.插件化以及hy

要求的效果: 正面: 背面: 在开发者工具 利用css 和定位实现了一个版本 .topBox.on { transform:rotateY(180deg); } .topBox { position:relative; height:300rpx; transform-style:preserve-3d; transition:1s; } .codeBg { transform:rotateY(180deg); -webkit-transform:rotateY(180deg); backfac

转载:https://blog.csdn.net/qq_16646819/article/details/81020245?utm_source=blogxgwz0 js // pages/bind/bind.js var app = getApp(); var baseUrl = getApp().baseUrl; var ctx; Page({ /** * 页面的初始数据 */ data: { text: '', }, /** * 生命周期函数--监听页面加载 */ onLoad: func

RN怎么与native交互的呢? 下面我们通过一个简单的Demo来实现:RN页面调起Native页面,Native页面选择电话本数据,将数据回传给RN展示. 首先是 Native侧 1.MainActivity package com.rnandroid01; import android.content.Intent; import android.database.Cursor; import android.net.Uri; import android.provider.Contacts

先上效果图 -------------------------------------------------------------wxml代码开始--------------------------------------------------------------- <view class="canvas-content"> <canvas canvas-id="Canvas" style="width:100%;height:

wxml代码:<view class=“page-body”><view class=“page-body-wrapper”><canvas canvas-id=“canvas” class=“canvas”></canvas></view></view> js代码:onReady: function () { this.totalTime = 30this.interval = setInterval(this.drawText,1

过什么六一,复习不完了... 第1章作业 一.单选题(共10题,100.0分) 1以下哪个不是主流的手机操作系统? A.Android B.iOS C.Windows Phone D.Blackberry 正确答案: D Blackberry是黑莓手机,是一种手机品牌,不是一种手机操作系统 2微信小程序是于何时正式发布? A.2015年1月9日 B.2016年1月9日 C.2017年1月9日 D.2018年1月9日 正确答案: C 是2017年1月9日正式发布,距离苹果第一代手机发布正好十年 3

距离微信小程序内测版发布已经有十几天的时间了,网上对微信小程序的讨论也异常火爆,从发布到现在微信小程序一直占领着各种技术论坛的头条,当然各种平台也对微信小程序有新闻报道,毕竟腾讯在国内影响力还是很大的.我们都知道微信小程序第一天发布内测版,并没有公开官方开发文档和开发工具,但是这阻止不了技术人的好奇心. 因为自己对小程序也是很有兴趣的,感觉是很有意思的一个东西,所以立马做了一下小demo,水平有限,所以做的过程也就是一个学习的过程,一个提高的过程. 这篇文章主要写我在写demo的过程中遇到的一些

项目中遇到了这个问题,在搜索过程中看到别人的博文,大多是下面这种方法,大致如下: let imgObj = { count: 1, success: (res) => { let tempFilePaths = res.tempFilePaths; wx.request({ url: tempFilePaths[0], responseType: 'arraybuffer', success: function (res) { let base64 = wx.arrayBufferToBase6

小程序登录流程 参考 app.js需要做的 1,首先通过wx.login()拿到code,成功之后,发送数据,请求接口,把code发送给后端,换区openid,sessionKey,unionId,把openid存起来 wx.login({ success: res => { console.log(res) // 发送 res.code 到后台换取 openId, sessionKey, unionId } }) 2,接下来获取用户信息 wx.getSetting() 授权,如果授权成功了,直

原文:https://blog.csdn.net/xbw12138/article/details/75213274 前端 二维码生成 二维码要求:每分钟刷新一次,模拟了个鸡肋,添加了个按分钟显示的时间加在二维码中,起到刷新的作用,在onshow中每次打开界面就会刷新显示 var QR = require("../../utils/qrcode.js"); var util = require("../../utils/util.js"); data: { qrMs

注意点: 一.接口调用方式: getOpenid: function () { var that = this; return new Promise(function (resolve, reject) { wx.login({ success: function (res) { //code 获取用户信息的凭证 //调用接口获取登录凭证(code).通过凭证进而换取用户登录态信息, // 包括用户的唯一标识(openid)及本次登录的会话密钥(session_key)等. // 用户数据的加

起源:最近小程序需要涉及到一些推广方面的功能,所以要写一个动态生成二维码用户进行下载分享,写完之后受益良多,特此来分享一下: 一.微信小程序动态生成保存二维码 wxml: <view class='second-code'> <view class="img-box"> <image bindtap="previewImg" mode="scaleToFill" src="{{imagePath}}&quo

一.步骤 1.创建一个Canvas 2.对Canvas进行初始化,记得把Game视图的分辨率调成和Canvas里面设置的一样的分辨率960X640 3.创建一个Image的UI节点作为Canvas的子节点,名字叫bg,设置宽高为1920X1080,Image组件里面的Color设置为黑色. 4.设置背景image的Pivot(表示bg节点的原点位置)的X为0,Y为0.5 5.设置背景image的Pos X为-480,其他为0 6.创建一个Ground空节点在Canvas父节点下,里面放障碍物的i

物理引擎控制刚体,刚体上面贴上图片,所以看起来就是游戏运行起来的状态 物理世界计算刚体的运行状态,通过贴图显现出运算结果. 一.物理引擎 1:Unity 2D物理引擎基于Box2D封装而成;2: 物理引擎模拟物理运动和计算,物理引擎帮助我们计算物体运动; 3: 重力加速度;4: 碰撞器是物体的形状 + 碰撞的物理参数(物理材质);5: 刚体控制物体运动和受力; 二.步骤 1.创建一个Canvas 2.对Canvas进行初始化,记得把Game视图的分辨率调成和Canvas里面设置的一样的分辨率64

系统字体,不占空间,效果一般. 自己拖的.TTF文件形成的字体,占空间很大,有特殊效果.一个TTF字库差不多占用3M左右,之所以这么大,是因为里面包含了所有的字,就像一本字典一样,所以字符都在里面. 但是我们开发游戏,并不需要用到所有的字,有的时候可能就只用到其中的几十个字,所以可以用一种解决方案,使得文字的效果好,同时占很小的空间. 这种方案就是Bmpfont,前提是有限的字符和好的字体. 用工具GlyphDesigner (Mac系统),把有限的字符添加字体效果后,绘制在一张png大图上,同

好久没写了,其实可写的还是挺多,主要还是懒吧... 最近公司项目使用小程序做序列帧动画,大概有 116 张图,共9.6M. 比较闲的日子里实验了一番,主要有以下几种方法, 1. css background-image + animation 2. css background-position + animation 3. js background-image 4. js background-position 5. js img src 6. canvas drawImage 结果当然是

最近学习小程序开发,需要对encryptData解密,获取用户信息,官方源码没有C#版本,网上的资料比较杂,有的使用还有问题,下面贴一下自己亲试可以使用的一个源码 1.code 换取 session_key 前端先调 wx.login 得到code传输到后端,后端通过接口 https://api.weixin.qq.com/sns/jscode2session?appid=APPID&secret=SECRET&js_code=JSCODE&grant_type=authoriza

最近在开发小程序遇到这样一个问题, 在用户点击授权后去解密手机号时会出现第一次失败,第二次成功的情况.研究了一段时间,终于找到比较合理的解决方案,在此记录并总结一下,希望可以帮助到大家. 需求描述 在用户点击获取电话按钮后, 将用户在微信内设置的电话解密显示在联系电话输入框内 具体代码 <view class="cu-form-group"> <view class="title text-black">联系电话</view> &

场景模拟:用户进入微信小程序-程序调出授权 选择拒绝之后,需要用到用户授权才能正常使用的页面,就无法正常使用了. 解决方法:在用户选择拒绝之后,弹窗提示用户 拒绝授权之后无法使用,让用户重新授权(微信小程序在第一次调起授权之后 ,要重新再调起,需要自己手动删除程序 或者是退出小程序 等待一段时间再进去才能调起授权,这种情况用户体验比较差)针对用户拒绝授权这种情况 监听 wx.getUserInfo -fail的回调使用 wx.showModal 提示用户 如图: 监听 wx.showModal