你想复杂了,他就下面一个view 或者 page-container 建议是page-container,设置个样式背景颜色rgba(0,0,0,0.5);调整一下层级顺序即可,这个遮罩的元素的z-index 要小于上面的图片的。记得如果用view 要设置样式用相对屏幕定位
微信小程序中,弹出一个图层后,后面的图层变暗 这个是如何实现的。?[图片] 类似这样,我弹出了一个图片的框, 随之后面的会变暗,这个是如何实现的? 是直接改变后面那个整个背景色?还是改变亮度之类的?还是有更简单的方法
04-11MP4 的视频流编码格式你需要注意一下 尽量用H264
VIDEO组件问题?我们使用直播流封装的MP4,用H5中的 Video组件是可以播放的,但用小程序里的Video组件是不可以播放,小程序里打开H5也无法播放。
04-11没有理解到你的点,小程序可以分享消息卡片 卡片内容是可以你自己定义的
小程序能分享文字消息私聊朋友吗?程序能分享文字消息私聊朋友吗?
04-11你的语法是vue 吧,不是小程序的语法吧
在input中输入内容的时候,也就是软键盘弹出的情况下,后面的删除图标无法点击问题说明:在input中输入内容的时候,也就是软键盘弹出的情况下,后面的删除图标无法点击,初步猜测是软件盘弹出的时候,层级过高。后面又发现是input框聚焦的情况下,后面的图标层级会被放到下面。不知道是不是有这个问题,麻烦看看,谢谢啦。 <view class="search_box input"> <input v-model="inputSn" type="text" placeholder="请输入"></input> <text class="icon_close" @tap="cleanInput"></text> </view> [图片] [图片]
2022-02-28你想获取什么内容?
wx.checkSession回调成功后, 应该使用哪个接口来获取加密参数?是使用getUserInfo吗,
2022-02-28那评分告诉我,这个东西[图片]
page 页面中如何应用pureDataPattern ?page 页面中如何应用pureDataPattern ?
2021-07-06[图片]
微信小程序canvasToTempFilePath 保存时候无法保存图片文字可以保存?// pages/dispatch/waybillModel/components/shareDrawing/index.js Component({ /** * 组件的属性列表 */ properties: { }, /** * 组件的初始数据 */ data: { photoFile: '' //本地图片路径 }, /** * 组件的方法列表 */ methods: { /** * 获取本地图片 */ getPhotoFile: function(e) { e.success(this.data.photoFile); }, getShareDrawing: function(e) { let _this = this; let goodsName = e.goodsName; //货物名称 let beginCity = e.beginCity; //出发省份 let beginAddress = e.beginAddress; //出发详细地址 let endCity = e.endCity; //目的地城市 let endAddress = e.endAddress; //目的地详情地址 let QRCode = e.QRCode; //二维码图片 //返回一个 SelectorQuery 对象实例 const query = this.createSelectorQuery(); //选择canvas query.select('#myCanvas') .fields({ node: true, size: true }) .exec((res) => { const canvas = res[0].node; //获取 canvas 对象 const ctx = canvas.getContext('2d'); // 获取Context 对象 //canvas 缩放 const dpr = wx.getSystemInfoSync().pixelRatio; canvas.width = res[0].width * dpr; canvas.height = res[0].height * dpr; ctx.scale(dpr, dpr); //绘制顶部边条 _this.setHeadStrip(canvas, ctx); //绘制货物名称 _this.setTitle(ctx, goodsName); //绘制提示 _this.setTips(ctx); //绘制二维码 _this.setQRCode(canvas, ctx, QRCode) //绘制出发地图标 _this.setBeginIcon(canvas, ctx); //绘制出发省份 _this.setBeginCity(ctx, beginCity); //绘制出发详细地址 _this.setBeginAddress(ctx, beginAddress); //绘制目的地图标 _this.setEndIcon(canvas, ctx); //绘制目的地城市 _this.setEndCity(ctx, endCity); //绘制目的地详情地址 _this.setEndAddress(ctx, endAddress); //生成图片 wx.canvasToTempFilePath({ canvas, success(res) { _this.setData({ photoFile: res.tempFilePath }) } }) //end exec }) //end }, /** * 设置货物名称 * @param {Object} ctx Context 对象 * @param {Object} str 名称文本 */ setTitle: function(ctx, str) { const width = 342 // 获取设备宽度 ctx.font = '500 19px PingFangSC-Medium'; ctx.fillStyle = '#000'; ctx.fillText(str, (width - ctx.measureText(str).width) * 0.5, 40); }, /** * 设置顶部条形 * @param {Object} canvas canvas 对象 * @param {Object} ctx Context 对象 * @param {Object} src 图片链接 */ setHeadStrip: function(canvas, ctx) { const headerImg = canvas.createImage(); // 获取image 对象 headerImg.src = 'https://cdn.nucarf.cn/xgb/v1.0/public/head.png'; headerImg.onload = () => { ctx.drawImage(headerImg, 0, 0, 342, 10); }; }, /** * 绘制二维码 * @param {Object} canvas canvas 对象 * @param {Object} ctx Context 对象 * @param {Object} src 图片链接 */ setQRCode: function(canvas, ctx, src) { const headerImg = canvas.createImage(); // 获取image 对象 headerImg.src = src; headerImg.onload = () => { ctx.drawImage(headerImg, 101, 103, 140, 140); ctx.restore(); }; }, /** * 绘制提示 * @param {Object} ctx Context 对象 */ setTips: function(ctx) { const width = 342 // 获取设备宽度 ctx.font = '500 15px PingFangSC-Medium'; ctx.fillStyle = '#F1950A'; let str = "请司机扫码上传证件"; ctx.fillText(str, (width - ctx.measureText(str).width) * 0.5, 70); }, /** * 绘制出发地图标 * @param {Object} canvas canvas 对象 * @param {Object} ctx Context 对象 */ setBeginIcon: function(canvas, ctx) { const headerImg = canvas.createImage(); // 获取image 对象 headerImg.src = 'https://cdn.nucarf.cn/xgb/v1.0/public/begin1.png'; headerImg.onload = () => { ctx.drawImage(headerImg, 30, 300, 21, 34); }; }, /** * 绘制出发城市 */ setBeginCity: function(ctx, str) { ctx.font = '500 16px PingFangSC-Medium'; ctx.fillStyle = '#000'; ctx.fillText(str, 61, 310); }, /** * 绘制详细地址 */ setBeginAddress: function(ctx, str) { ctx.font = '400 14px PingFangSC-Medium'; ctx.fillStyle = '#666666'; ctx.fillText(str, 61, 330); }, /** * 绘制目的地图标 * @param {Object} canvas canvas 对象 * @param {Object} ctx Context 对象 */ setEndIcon: function(canvas, ctx) { const headerImg = canvas.createImage(); // 获取image 对象 headerImg.src = 'https://cdn.nucarf.cn/xgb/v1.0/public/end1.png'; headerImg.onload = () => { ctx.drawImage(headerImg, 30, 368, 21, 34); }; }, /** * 绘制目的地城市 */ setEndCity: function(ctx, str) { ctx.font = '500 16px PingFangSC-Medium'; ctx.fillStyle = '#000'; ctx.fillText(str, 61, 380); }, /** * 绘制目的地详细地址 */ setEndAddress: function(ctx, str) { ctx.font = '400 14px PingFangSC-Medium'; ctx.fillStyle = '#666666'; ctx.fillText(str, 61, 400); } } })
2021-06-21[图片]
我是管理员,上传代码后。后台没有内容?我是管理员,上传代码后。后台没有内容?
2020-06-16