把button套在text、view、image外面,然后调整button样式
"获取用户信息接口优化调整"接口遗留问题?有个疑问点,获取用户信息接口优化调整后,只能用button按钮去触发获取用户授权与信息,但如果我的标签属性是text,view,image,该怎么写,是不是就没办法获取授权与用户信息了。 啰嗦两句,毕竟button不是text,view,image,如果我要出发的标签是其它任何一个,是不是就完全获取不到用户信息了
2018-05-25你写的格式不对,正确的类似于这样的: context.font = 'normal bold 20px -apple-system-font, Helvetica Neue, Helvetica, sans-serif;' 分别代表font-style, font-weight, font-size, font-famliy, 其中后两个参数是必须提供的
文档里的canvas设置font属性是否可用?https://developers.weixin.qq.com/miniprogram/dev/api/canvas/font.html CANVAS部分有个font属性,但是文档未给出例子 直接设置context.font = 'weight: bold; family: -apple-system-font, Helvetica Neue, Helvetica, sans-serif;'后提示[图片] 求解是小程序暂时未支持font属性的设置吗?
2018-05-25目前的话只能动态计算: canvas本身大小可以使用rpx,比如canvas的width: 750rpx; 或者 width: 100%; 至于canvas内绘图各元素的尺寸,假设某个正方形宽度是100px,以iPhone6 375px为标准,其它屏幕按比例计算,大致做法: [代码]//其它屏幕相比于iPhone 6的比率[代码][代码]const RADIO = wx.getSystemInfoSync().screenWidth / 375[代码][代码]//假设要绘制的元素的长度[代码][代码]let width = 100;[代码][代码]//绘制该元素自适应的长度[代码][代码]let realWidth = width * RADIO[代码]
canvas单位问题canvas单位 只能是PX么 为什么不能用rpx 为单位 做一个统计图好难受啊
2018-05-25代码片段:wechatide://minicode/a8HkJEmL6jZa
微信更新到6.6.7之后canvas图形剪切只有第一个生效最近做了一个小程序,使用canvas绘制两个原型图片,在微信版本6.6.6 iOS和Android都正常,更新到6.6.7之后,iOS和Android都只有第一个图形生效,第二个没有裁剪效果。
2018-05-24建议在不同的微信版本上测一下,最近有不少接口在6.6.6正常,更新到6.6.7就出问题了
canvas画布用clip画了5个矩形,模拟器显示正常,IOS只显示两个,急求解list数组长度为5 const picCtx = wx.createCanvasContext('picCanvas') for(var i=0; i<list.length; i++){ picCtx.save() picCtx.beginPath() picCtx.rect(list[i].kleft, list[i].ktop, list[i].kWidth, list[i].kHeight) picCtx.clip() picCtx.drawImage(list[i].pic, list[i].kleft, list[i].ktop, pWidthlist[i], pHeightlist[i]) picCtx.restore() } picCtx.draw() 在模拟器显示:画出了五个矩形,正常 在IOS中显示:只画出了两个矩形,是不是BUG 安卓未测试 求大神!!!
2018-05-24同样出现该问题,canvas上多个图形裁剪,只有第一个有效果;微信更新到6.6.7之前是OK的,更新之后就出问题了。 另外canvas的fillText接口里的(x,y)坐标原本是对应左上角,现在代码中实际效果是对应左下角,这是有意为之吗?文档目前说明的还是左上角,很奇怪为什么会出现这种问题。
wechat 6.6.7导致canvas执行结果错误需求:在页面用canvas画几个圆角图片 表现:wechat 6.6.6时一切正常,今天更新到了6.6.7,结果只能第一个图片是圆角 [代码]function[代码] [代码]circleImg(ctx, img, x, y, r) {[代码][代码] [代码][代码]ctx.save();[代码][代码] [代码][代码]var[代码] [代码]d =2 * r;[代码][代码] [代码][代码]var[代码] [代码]cx = x + r;[代码][代码] [代码][代码]var[代码] [代码]cy = y + r;[代码][代码] [代码][代码]ctx.arc(cx, cy, r, 0, 2 * Math.PI);[代码][代码] [代码][代码]ctx.clip();[代码][代码] [代码][代码]ctx.drawImage(img, x, y, d, d);[代码][代码] [代码][代码]// ctx.lineWidth = 3[代码][代码] [代码][代码]// ctx.setStrokeStyle('#482C2B')[代码][代码] [代码][代码]// ctx.stroke()[代码][代码] [代码][代码]ctx.restore();[代码][代码]}[代码]
2018-05-24@んS 同样遇到该问题,开发者工具(v1.02.1805181)、iOS(iPhone8, weixin v6.6.7)、Android(MI4)都遇到该问题,文档说fillText的x,y坐标是左上,实际绘制的时候发现x,y坐标对应的是左下,而且在指定了相同的font-famliy、font-size、font-weight的情况下,Android和iOS下字体高度不一致,宽度基本一致。
canvas 文本的坐标点变成了左下fillText 绘制的文本起始点在左下
2018-05-24只有px,不支持rpx
canvas drawimg 的宽高单位[图片] 这里的单位可以设置么,设置了rpx不管用
2018-05-15wx.canvasToTempFilePath的第二个参数this指代的是绘图所用的context对象,不是当前page
wx.canvasToTempFilePath报错<canvas style="height:{{canvasSize.height}}px;width:{{canvasSize.width}}px" canvas-id='share-pyq' binderror='canvasIdErrorCallback'></canvas> (canvas直接在page下) drawShareCanvas(){ var that = this ......//canvas绘制 this.setData({ canvasSize: { height: size.height, width: size.width, opacity: 0 } }) ctx.draw(true,that.saveCanvasToFile) console.log() }, saveCanvasToFile() { var that = this wx.canvasToTempFilePath({ canvasId: 'share-pyq', success: function (res) { ......//成功后的操作 }, fail(res){ console.log(res) } }, that) } 控制台报错:"canvasToTempFilePath:fail:illegal arguments"
2018-05-15