- 当前 Bug 的表现（附上截图） [图片] 可以看到拖动地图出现明显的闪烁。 使用微信小程序地图动态展示marker，当用户拖拽或缩放地图时需要加载当前区域内的marker，但是使用setData({markers:markers})出现很明显的闪烁现象，该怎么解决？ - 预期表现 移动地图，动态加载marker，地图上的marker无明显闪烁现象，让用户感觉不到marker刷新了。或者能否提供插入或删除单个marker的方法，这种批量操作marker的效率太低了。 - 复现路径 用鼠标拖动地图，marker重新加载会出现闪烁 - 复现 Demo demo如下： map.wxml： [代码]<[代码][代码]view[代码] [代码]class[代码][代码]=[代码][代码]"map_container"[代码][代码]>[代码] [代码]<[代码][代码]map[代码] [代码]class[代码][代码]=[代码][代码]"map"[代码] [代码]id[代码][代码]=[代码][代码]"map"[代码] [代码]longitude[代码][代码]=[代码][代码]"{{longitude}}"[代码] [代码]latitude[代码][代码]=[代码][代码]"{{latitude}}"[代码] [代码]scale[代码][代码]=[代码][代码]"14"[代码] [代码]show-location[代码][代码]=[代码][代码]"true"[代码] [代码]markers[代码][代码]=[代码][代码]"{{markers}}"[代码] [代码]bindregionchange[代码][代码]=[代码][代码]"regionchange"[代码][代码]></[代码][代码]map[代码][代码]>[代码] [代码]</[代码][代码]view[代码][代码]>[代码]map.wxss： [代码].map_container{[代码][代码]  [代码][代码]position[代码][代码]: [代码][代码]absolute[代码][代码];[代码][代码]  [代码][代码]top[代码][代码]: [代码][代码]0[代码][代码];[代码][代码]  [代码][代码]bottom[代码][代码]: [代码][代码]0[代码][代码];[代码][代码]  [代码][代码]left[代码][代码]: [代码][代码]0[代码][代码];[代码][代码]  [代码][代码]right[代码][代码]: [代码][代码]0[代码][代码];[代码][代码]}[代码][代码].map{[代码][代码]  [代码][代码]width[代码][代码]: [代码][代码]100%[代码][代码];[代码][代码]  [代码][代码]height[代码][代码]: [代码][代码]100%[代码][代码];[代码][代码]}[代码]map.js [代码]var[代码] [代码]amapFile = require([代码][代码]'../../libs/amap-wx.js'[代码][代码]);[代码][代码]var[代码] [代码]markersData = [];[代码][代码]Page({[代码][代码]  [代码][代码]data: {[代码][代码]    [代码][代码]markers: [],[代码][代码]    [代码][代码]latitude: [代码][代码]'32.864377803922'[代码][代码],[代码][代码]    [代码][代码]longitude: [代码][代码]'115.788491268263'[代码][代码]  [代码][代码]},[代码][代码]  [代码][代码]onLoad: [代码][代码]function[代码] [代码]() {[代码][代码]    [代码][代码]var[代码] [代码]that = [代码][代码]this[代码][代码];[代码][代码]  [代码][代码]},[代码][代码]  [代码][代码]onShow:[代码][代码]function[代码][代码](){[代码][代码]    [代码][代码]//模拟从服务器加载设备[代码][代码]    [代码][代码]//模拟网络延迟[代码][代码]    [代码][代码]setTimeout(() => {[代码][代码]      [代码][代码]var[代码] [代码]markers = [代码][代码]this[代码][代码].getMarkers();[代码][代码]      [代码][代码]this[代码][代码].setData({[代码][代码]        [代码][代码]markers: markers[代码][代码]      [代码][代码]});[代码][代码]    [代码][代码]}, 1000);[代码][代码]  [代码][代码]},[代码][代码]  [代码][代码]regionchange:[代码][代码]function[代码][代码](res){[代码][代码]    [代码][代码]if[代码][代码](res.type==[代码][代码]'end'[代码][代码]){[代码][代码]      [代码][代码]console.log([代码][代码]"加载设备"[代码][代码]);[代码][代码]      [代码][代码]//模拟从服务器加载设备[代码][代码]      [代码][代码]//模拟网络延迟[代码][代码]      [代码][代码]setTimeout(()=>{[代码][代码]        [代码][代码]var[代码] [代码]markers = [代码][代码]this[代码][代码].getMarkers();[代码][代码]        [代码][代码]this[代码][代码].setData({[代码][代码]          [代码][代码]markers: markers[代码][代码]        [代码][代码]});[代码][代码]      [代码][代码]},1000);[代码][代码]    [代码][代码]}[代码][代码]  [代码][代码]},[代码][代码]  [代码][代码]getMarkers:[代码][代码]function[代码][代码](){[代码][代码]    [代码][代码]var[代码] [代码]markers1 = [ [代码][代码]      [代码][代码]{ latitude: 32.863684789997, longitude: 115.794747394735 }[代码][代码]      [代码][代码], { latitude: 32.866150490718, longitude: 115.779776056454 }[代码][代码]      [代码][代码], { latitude: 32.85699840912, longitude: 115.793706230259 }[代码][代码]      [代码][代码], { latitude: 32.868802796587, longitude: 115.795851934883 }[代码][代码]      [代码][代码], { latitude: 32.868802796587, longitude: 115.795851934883 }[代码][代码]      [代码][代码], { latitude: 32.865037454128, longitude: 115.784221396101 }[代码][代码]      [代码][代码], { latitude: 32.861683316431, longitude: 115.794735614756 }[代码][代码]      [代码][代码], { latitude: 32.86145345, longitude: 115.7946734 }[代码][代码]      [代码][代码], { latitude: 32.866980115902, ongitude: 115.779949 }[代码][代码]      [代码][代码], { latitude: 32.861960286233, longitude: 115.794732449203 }[代码][代码]      [代码][代码], { latitude: 32.861960286233, longitude: 115.794732449203 }[代码][代码]      [代码][代码], { latitude: 32.860691527707, longitude: 115.783249338155 }[代码][代码]      [代码][代码], { latitude: 32.858660704851, longitude: 115.782761369842 }[代码][代码]      [代码][代码], { latitude: 32.861673318033, longitude: 115.782898390111 }[代码][代码]      [代码][代码], { latitude: 32.859451402325, longitude: 115.783271050545 }[代码][代码]      [代码][代码], { latitude: 32.858075553001, longitude: 115.782085844506 }[代码][代码]      [代码][代码], { latitude: 32.85980061309, longitude: 115.782478686392 }[代码][代码]      [代码][代码], { latitude: 32.859026954912, longitude: 115.783450959086 }[代码][代码]      [代码][代码], { latitude: 32.858902233697, longitude: 115.786543290987 }[代码][代码]    [代码][代码]];[代码][代码]    [代码][代码]var[代码] [代码]markers2 = [[代码][代码]      [代码][代码]{ latitude: 32.863684789997, longitude: 115.794747394735 }[代码][代码]      [代码][代码], { latitude: 32.859749503874, longitude: 115.782486744537 }[代码][代码]      [代码][代码], { latitude: 32.865891748675, longitude: 115.778707367095 }[代码][代码]      [代码][代码], { latitude: 32.868802796587, longitude: 115.795851934883 }[代码][代码]      [代码][代码], { latitude: 32.868802796587, longitude: 115.795851934883 }[代码][代码]      [代码][代码], { latitude: 32.865037454128, longitude: 115.784221396101 }[代码][代码]      [代码][代码], { latitude: 32.861683316431, longitude: 115.794735614756 }[代码][代码]      [代码][代码], { latitude: 32.86145345, longitude: 115.7946734 }[代码][代码]      [代码][代码], { latitude: 32.866980115902, ongitude: 115.779949 }[代码][代码]      [代码][代码], { latitude: 32.861960286233, longitude: 115.794732449203 }[代码][代码]      [代码][代码], { latitude: 32.861960286233, longitude: 115.794732449203 }[代码][代码]      [代码][代码], { latitude: 32.860691527707, longitude: 115.783249338155 }[代码][代码]      [代码][代码], { latitude: 32.858660704851, longitude: 115.782761369842 }[代码][代码]      [代码][代码], { latitude: 32.861673318033, longitude: 115.782898390111 }[代码][代码]      [代码][代码], { latitude: 32.859451402325, longitude: 115.783271050545 }[代码][代码]      [代码][代码], { latitude: 32.858075553001, longitude: 115.782085844506 }[代码][代码]      [代码][代码], { latitude: 32.85980061309, longitude: 115.782478686392 }[代码][代码]      [代码][代码], { latitude: 32.859026954912, longitude: 115.783450959086 }[代码][代码]      [代码][代码], { latitude: 32.858902233697, longitude: 115.786543290987 }[代码][代码]    [代码][代码]];[代码][代码]    [代码][代码]var[代码] [代码]markers3 = [[代码][代码]      [代码][代码]{ latitude: 32.863684789997, longitude: 115.794747394735 }[代码][代码]      [代码][代码], { latitude: 32.859749503874, longitude: 115.782486744537 }[代码][代码]      [代码][代码], { latitude: 32.85699840912, longitude: 115.793706230259 }[代码][代码]      [代码][代码], { latitude: 32.868802796587, longitude: 115.795851934883 }[代码][代码]      [代码][代码], { latitude: 32.868802796587, longitude: 115.795851934883 }[代码][代码]      [代码][代码], { latitude: 32.865037454128, longitude: 115.784221396101 }[代码][代码]      [代码][代码], { latitude: 32.865902040263, longitude: 115.780964494169 }[代码][代码]      [代码][代码], { latitude: 32.86145345, longitude: 115.7946734 }[代码][代码]      [代码][代码], { latitude: 32.866980115902, ongitude: 115.779949 }[代码][代码]      [代码][代码], { latitude: 32.861960286233, longitude: 115.794732449203 }[代码][代码]      [代码][代码], { latitude: 32.861960286233, longitude: 115.794732449203 }[代码][代码]      [代码][代码], { latitude: 32.860691527707, longitude: 115.783249338155 }[代码][代码]      [代码][代码], { latitude: 32.858660704851, longitude: 115.782761369842 }[代码][代码]      [代码][代码], { latitude: 32.861673318033, longitude: 115.782898390111 }[代码][代码]      [代码][代码], { latitude: 32.859451402325, longitude: 115.783271050545 }[代码][代码]      [代码][代码], { latitude: 32.858075553001, longitude: 115.782085844506 }[代码][代码]      [代码][代码], { latitude: 32.85980061309, longitude: 115.782478686392 }[代码][代码]      [代码][代码], { latitude: 32.859026954912, longitude: 115.783450959086 }[代码][代码]      [代码][代码], { latitude: 32.858902233697, longitude: 115.786543290987 }[代码][代码]    [代码][代码]];[代码][代码]    [代码][代码]var[代码] [代码]rm = (Math.random()*3).toFixed(0);[代码][代码]    [代码][代码]console.log([代码][代码]"rm="[代码][代码]+rm);[代码][代码]    [代码][代码]if[代码][代码](rm==1){[代码][代码]      [代码][代码]return[代码] [代码]markers1;[代码][代码]    [代码][代码]}[代码][代码]else[代码] [代码]if[代码][代码](rm == 2){[代码][代码]      [代码][代码]return[代码] [代码]markers2;[代码][代码]    [代码][代码]}[代码][代码]else[代码] [代码]{[代码][代码]      [代码][代码]return[代码] [代码]markers3;[代码][代码]    [代码][代码]}[代码][代码]  [代码][代码]}[代码][代码]})[代码]

//旋转图像   async RoImage(url) {     let autoRotate = this.data.autoRotate,       off = wx.createOffscreenCanvas({ type: '2d' }),       image = off.createImage();     await new Promise((resolve, reject) => {       wx.getImageInfo({         src: url, success(res) {           //image.src = url;           image.name = res.type;           //变量定义、赋值           let width = res.width,             height = res.height;           console.log('[RoImage]处理前尺寸: ' + width + ' x ' + height);           //绘制canvas 旋转图片           const $ = wx.createSelectorQuery();           $.select('#canvas').fields({ node: true, size: true }).exec((res) => {             const canvas = res[0].node;             const ctx = canvas.getContext('2d');             let bg = canvas.createImage();             bg.src = url;             bg.onload = () => {               if (height > width && autoRotate == '1') {//自动旋转                 //旋转图片开始                 console.log('旋转90度');                 //画板宽高调换                 canvas.width = height;                 canvas.height = width;                 //图片开始旋转                 ctx.translate(height / 2, width / 2);//原点移动到(/2, /2)中心点                 ctx.rotate(270 * Math.PI / 180);//-90度                 ctx.drawImage(bg, -width / 2, -height / 2, width, height);                 //图片宽高调换                 let ro_w = width, ro_h = height;                 width = ro_h; height = ro_w;                 console.log('[RoImage]处理后尺寸: ' + width + ' x ' + height);               } else {                 //画板宽高调换                 canvas.width = width;                 canvas.height = height;                 console.log('[RoImage]跳过旋转: ' + width + ' x ' + height);                 ctx.drawImage(bg, 0, 0, width, height);               }               //canvas转文件的临时路径 (本地路径)               wx.canvasToTempFilePath({                 canvas, quality: 1, fileType: "jpg",                 success: (res) => {                   //保存图片到本地                   wx.saveImageToPhotosAlbum({                     filePath: res.tempFilePath,                     success: (res) => {                       console.log(res);                     }                   });                   console.log('[RoImage]处理完成', res.tempFilePath);                   image.src = res.tempFilePath;                   image.onload = resolve;  // 绘制图片逻辑                 }               })             }           })         }, fail(res) {           image.src = url;           console.log(res);           image.onload = reject;  // 绘制图片逻辑         }       });     })     return image;   }, 开发者工具： [图片] ios真机： [图片][图片]

canvas没有旋转画布整个的方法 要怎么旋转？

用的2D绘制的签名，横屏签名的，需要上传旋转-90的canvas图，这要怎么操作，wx.canvasToTempFilePath之后再旋转绘制一遍？然后再走一遍wx.canvasToTempFilePath？谢谢

Failed to execute 'drawImage' on 'CanvasRenderingContext2D': The provided value is not of type '(CSSImageValue or HTMLImageElement or SVGImageElement or HTMLVideoElement or HTMLCanvasElement or ImageBitmap or OffscreenCanvas or VideoFrame) wx.createSelectorQuery()       .select('#canvas') // 在 WXML 中填入的 id       .fields({         node: true,         size: true       })       .exec((res) => {         console.log(res)         dpr = wx.getSystemInfoSync().pixelRatio         canvas = res[0].node // 重点1         // console.log(canvas)         canvas.width = res[0].width * dpr         canvas.height = res[0].height * dpr         ctx.clearRect(0, 0, canvas.width, canvas.height)         ctx.beginPath();         ctx.scale(dpr, dpr)         bg = canvas.createImage()         bg.src = '/img/lz.jpg'         bg.onload = () => {           ctx.drawImage(bg, 0, 0)         }       }) ctx.drawImage(canvas,       magnifyRectangle.x - magnifyGlassRadius,        magnifyRectangle.y - magnifyGlassRadius,       magnifyRectangle.width,        magnifyRectangle.height,       magnifyRectangle.x - 2 * magnifyGlassRadius,        magnifyRectangle.y - 2 * magnifyGlassRadius,       scaledMagnifyRectangle.width,       scaledMagnifyRectangle.height     )

下面是我的代码，想通过wx.getImageInfo获取网络图片后，然后用drawImage在canvas上将图片显示出来，但是一直报错。 代码如下： onShow: function () { var that = this const query = wx.createSelectorQuery() query.select('#shareCanvas') .fields({ node: true, size: true }) .exec((res) => { const canvas = res[0].node const ctx = canvas.getContext('2d') const dpr = wx.getSystemInfoSync().pixelRatio canvas.width = res[0].width * dpr canvas.height = res[0].height * dpr ctx.scale(dpr, dpr) wx.getImageInfo({ src: that.data.photoUrl, success(res) { console.log("头像路径："+res.path) ctx.drawImage(res.path, 0, 0) ctx.draw() } }) }) }, 报错信息如下： thirdScriptError Failed to execute 'drawImage' on 'CanvasRenderingContext2D': The provided value is not of type '(CSSImageValue or HTMLImageElement or SVGImageElement or HTMLVideoElement or HTMLCanvasElement or ImageBitmap or OffscreenCanvas)';at api getImageInfo success callback function TypeError: Failed to execute 'drawImage' on 'CanvasRenderingContext2D': The provided value is not of type '(CSSImageValue or HTMLImageElement or SVGImageElement or HTMLVideoElement or HTMLCanvasElement or ImageBitmap or OffscreenCanvas)'     at CanvasRenderingContext2D.e.drawImage (http://127.0.0.1:51536/appservice/__dev__/WAService.js:2:647372)     at success (http://127.0.0.1:51536/appservice/pages/card/img.js:47:15)     at Function.o.<computed> (http://127.0.0.1:51536/appservice/__dev__/WAService.js:2:1366445)     at Object.success (http://127.0.0.1:51536/appservice/__dev__/WAService.js:2:124200)     at y (http://127.0.0.1:51536/appservice/__dev__/WAService.js:2:526317)     at v (http://127.0.0.1:51536/appservice/__dev__/WAService.js:2:526555)     at http://127.0.0.1:51536/appservice/__dev__/WAService.js:2:528109     at n.<anonymous> (http://127.0.0.1:51536/appservice/__dev__/asdebug.js:1:12078)     at http://127.0.0.1:51536/appservice/__dev__/WAService.js:2:124200     at http://127.0.0.1:51536/appservice/__dev__/WAService.js:2:107123

wx.previewMedia 没有退出按钮，再一次点击视频，无法退出播放，这怎么解决，或者怎么实现视频预览播放的效果，类似朋友圈的视频播放

search.submitPages 通过后端提交内容接入申请后页面是如何被关键词抓取展示的？ 是通过页面的标题还是什么呢？ 比如我的小程序页面标题是“首页”，但内容是动态加载的丰富信息，我们的信息将被如何的抓取并匹配展示呢？

开发人员如何引导用户将小程序添加桌面快捷方式？

小程序页面内容加图片（页面字数比较多），请问生成pdf文档有什么方法？ 除了从html到pdf，或生成图片。