就是设备像素比的事,PC 端需要特殊处理,手机端不需要处理。 示例代码如下: const systemInfo = wx.getSystemInfo() let pathOp = { canvas: canvas, } // windows 平台下导出图片需要除以设备像素比 if (systemInfo.platform === 'windows') { pathOp = Object.assign({}, pathOp, { width: ctx.width / systemInfo.pixelRatio, height: ctx.height / systemInfo.pixelRatio, }) } wx.canvasToTempFilePath({ ...pathOp, success (res2) { // ...
pc端使用canvasToTempFilePath尺寸不正确?pc端使用canvasToTempFilePath尺寸比例不对[图片]这个是canvas展示效果,[图片]生成图片后就这样,怎么解决这问题了; 重新测试现在pc端完全不能生成了
02-28解决了,加定时器就可以! 我的代码里 canvas 是用户选择图片后根据图片数量 imageList 渲染的,然后获取 canvas 也是 null,之前的代码如下: wx.getImageInfo({ src: imageList[i], success: (res) => { console.log('%c getImageInfo: ', 'background-color: pink', res) wx.createSelectorQuery() .select(`#${canvasId}`) .fields({ node: true, size: true }) .exec((res2) => { console.log('%c res2[0]: ', 'background-color: pink', res2[0]) // null }) } canvas 是根据 imageList 渲染的,我怀疑是获取图片后 canvas 并没有第一时间渲染,或者在我 select 的时候还没有渲染完,所以加了定时器,把 select 动作往后放。 wx.getImageInfo({ src: imageList[i], success: (res) => { console.log('%c getImageInfo: ', 'background-color: pink', res) setTimeout(() => { wx.createSelectorQuery() .select(`#${canvasId}`) .fields({ node: true, size: true }) .exec((res2) => { console.log('%c res2[0]: ', 'background-color: pink', res2[0]) // res2[0] 可以获取到了 }, 0); }) } 解决! ------------------------------------------------- 这个回复的编辑器可真tm难用!!!!!
iOS createSelectorQuery 获取 canvas 返回 node 为 null复现流程:真机调试 => 右上角更多菜单 => 转发给朋友(不需要真的分享出去);此刻就可以看到错误了 iPhone 设备 iOS13 及其以上不会出现该问题 设备信息:iPhone 7 Plus【iOS 12.1.4】 代码片段截图: [图片] 错误内容截图: [图片]
02-07就现在这个环境,不奢望啥了。我的愿望很朴素,有班上,有钱拿,不被裁员,不被负债压垮🙏
春节特辑|龙年新气象,你有啥愿望?龙年公仔陪你过年啦![图片] 各位微信开发者朋友, 甲辰龙年的钟声即将响起,新的一年即将到来。 过去的兔年,“兔” 开心遇见你们—— 一起列下 新年「兔」Do List,列好的清单是不是全部都打勾勾啦? 一起 发现宝藏程序媛,看到她们闪闪发光的多面生活! 一起 面对面交流技术与产品问题,终于网友 “面基” 啦! 一起 感慨程序员的至暗与至爽,但吐槽归吐槽,对代码还是坚持的热爱 ✊ 一起体验好多好多新能力,推动技术与产品提升(需求 / Bug 真的都在跟进的 。ì _ í。) …… 将至的龙年,非常期待 “龙” Time See You Again!希望新的一年与大家一起认真做技术、用心做产品,在技术之外发现更多快乐! 那么将至的龙年,你们有哪些真挚愿望呢?无论是日常的小小心愿,还是影响世界的宏大愿景,我们都期待听见你的声音,默默为你的愿望加油打气! 即日起至 2024 年 2 月 18 日,在下方评论区分享你的龙年新年愿望,精选评论的用户将获得超可爱的限定版龙年生肖公仔 1 只!助你好运 Long Long! [图片] 同时为了感谢大家对社区的一路支持,我们准备了「2024 龙码精神」红包封面,专属于微信开发者的排 “面”。数量有限,领完即止👇 [图片] 没有领到的小伙伴也不用担心,最后一波红包封面领取攻略看过来👇 领取时间:2024 年 2 月 4 日 10:24 领取方式:微信开发者公众号后台回复「新年快乐」 注意事项:数量有限,领完即止,记得调好闹钟哟 [图片] 👆提前关注公众号,红包封面一站领到 祝各位开发者朋友新年快乐,平安喜乐❤️
02-04canvas2d 开始支持同层渲染,亲测可用,使用有问题的请参考迁移指南,一般情况下是API调错了 https://developers.weixin.qq.com/miniprogram/dev/framework/ability/canvas-legacy-migration.html#%E7%89%B9%E6%80%A7%E5%B7%AE%E5%BC%82
如何解决 canvas 层级问题?[图片][图片][图片]
02-02