- 小程序canvas图片与文字生成新图片
小程序canvas图片文字合成技术，虽然不是什么牛逼的技术。但是我相信还是有很多的项目是需要这项技术，所以我把他写出来并且开源出来，也没有其他的什么目地。就是想让那些可能正在开发的小哥哥小姐姐们少些弯路罢了，仅提供些参考，哈 [图片] 1.WXML部分 生成图片并保存相册 2.WXSS部分 .shareImgs{width:350px;margin:20rpx auto;background-color:#fff;} .saveImgBtn{color:#fff;background-color:#9933CC;height:90rpx;line-height:90rpx;font-size:32rpx;margin:40rpx;text-align:center;border-radius:8rpx;} 3.JS部分 canvasImgFun(){ //可用调用或在onLoad中直接调用 let _this = this const ctx = wx.createCanvasContext('myCanvas') ctx.rect(0, 0, 350, 568) ctx.setFillStyle('#fff') ctx.fill() ctx.clip();//剪切 ctx.drawImage('小程序二维码图片地址', 105, 320, 140, 140,0,0) ctx.draw() ctx.beginPath() ctx.font = 'normal bold 50px Monospaced Number,Chinese Quote,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif' ctx.setFillStyle('#9933CC') ctx.setFontSize(50) ctx.fillText('壹柒图图', 75, 100) ctx.setFillStyle('#888') ctx.setFontSize(14) ctx.fillText('长按识别小程序码，进入壹柒图图', 70, 490) ctx.font = 'normal bold 38px Monospaced Number,Chinese Quote,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif' ctx.setFillStyle('#515a6e') ctx.setFontSize(31) ctx.fillText('有头像工具装逼技巧', 33, 148) ctx.draw(true); }, saveCanvas(){ let _this=this wx.canvasToTempFilePath({ x: 0, y: 0, width: 350, height: 568, canvasId: 'myCanvas', success:function(res) { console.log(res,'ssss') let img = res.tempFilePath wx.saveImageToPhotosAlbum({ filePath: img, success(json) { wx.showToast({ title:'成功保存', icon: 'none', duration: 2000 }); }, fail() { wx.showToast({ title: '保存失败', icon: 'none', duration: 2000 }); } }) } }) },
2020-04-25 - 希望提供类似elementFromPoint功能的api
- 需求的场景描述（希望解决的问题） 目前小程序已经提供了NodesRef.boundingClientRect这个API，可实现返回节点的布局位置查询，其功能类似于 DOM 的 getBoundingClientRect，但在开发中我们有时需要反过来，也就是判断在视口中的指定坐标或位置上有什么元素，这就需要用到DOM中的elementFromPoint功能，但微信小程序目前还无法通过相应的方法来实现。 - 希望提供的能力 希望能提供NodesRef.boundingClientRect的反操作方法类似elementFromPoint这个api 附：Dom的elementFromPoint()方法 elementFromPoint() 传递X和Y坐标(相对于视口)，该方法选择在指定坐标的最上层和最里层的Element对象。如果指定的点在视口以外，elementFromPoint()返回null 最上层是指z-index最大的元素；最里层是指最里层的子元素 <body style="margin:0"><div id="test" style="width: 100px;height: 100px;"> <span id="span1">123</span></div><script>console.log(document.elementFromPoint(2,2).id); //span1</script> elementFromPoint 语法： oElement = document . elementFromPoint ( iX , iY ) 参数： iX : 必选项。整数(Integer)。单位：象素(Pixel)。定位横坐标偏移量。 iY : 必选项。整数(Integer)。单位：象素(Pixel)。定位纵坐标偏移量。 返回值： oElement : 对象(Element)。返回获取的对象的引用。 说明： 根据横纵坐标值 iX 和 iY 获取对象 oElement 。 oElement 必须支持和响应鼠标事件。 提供的坐标是客户区坐标。客户区的左上角为 (0,0)。 当将此方法用于 Structured Graphics 或 Sprite 对象时，必须设置 MouseEventsEnabled 属性值为 1 。
2018-09-21 - 微信商家收款码的费率如何从0.6降低到0.2呢?
听说可以降低到0.2%费率，谁知道这个怎么弄？
2020-06-12 - chooseImage当sizeType为compressed时怎么获取压缩图片
[图片] chooseImage这个api是提供当sizeType为compressed时是压缩图的，但是问题来了我该怎么获得压缩后的图片呢？ [图片] success里获取的是本地图片看了下大小也是和没压缩的比一点都木有变 so！谁能告诉我怎么获取压缩后的图片，官方大大，各位大佬们，求解答
2018-06-11
获得过 0 次赞
回答过的问题获得 0 次赞
分享过的文章/案例获得 0 次赞
评论与回复获得 0 次赞