ios系统(苹果手机)微信小程序canvas.draw不执行回调

这篇具有很好参考价值的文章主要介绍了ios系统(苹果手机)微信小程序canvas.draw不执行回调。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

当canvas绘制图片完成之后,来执行draw的时候,
1.安卓手机不受影响,可以正常执行draw的回调函数
2.苹果手机在ios高版本系统上,则可能出现draw的回调函数不执行了。 
比如以下代码:

let context = uni.createCanvasContext('myCanvasId',this);
// 项目业务逻辑...
// 项目业务逻辑...
// 项目业务逻辑...
context.draw(false,()=>{});

之所以会出现这样的原因是:ios高版本系统 对于 canvas的元素要求是: canvas元素必须存在,如果在业务逻辑中出现过不存在,则可能会导致draw的回调不执行。
比如下面的例子:

1. 问题原因:设置了 if 或者 hidden 导致

<!-- 在苹果手机上可能会不执行draw的回调 -->
<canvas 
  canvas-id="myCanvasId"
  :style="{ width: canvasWidth + 'px', height: canvasHeight + 'px' }" 
  v-if="canvasShow"
></canvas>

2. 解决方案:去掉 if 或者 hidden文章来源地址https://www.toymoban.com/news/detail-768317.html

<canvas 
  canvas-id="myCanvasId"
  :style="{ width: canvasWidth + 'px', height: canvasHeight + 'px' }" 
  v-show="canvasShow"
></canvas>

到了这里,关于ios系统(苹果手机)微信小程序canvas.draw不执行回调的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 揭秘苹果手机IOS系统各种微信双开方式与对比【技术科普】

    极致签名 - 专注于高端IOS签名服务,UDID一对一签名定制服务,支持任意应用 https://www.jizhiwangluo.cn/sign/ 现如今一提到IOS系统多开、分身,很多人已经深恶痛绝了。我看了很多知乎相关的文章和问答,有很多人在某宝或者其他平台买过多开分身,结果都是用了两三个月就没办法

    2024年02月16日
    浏览(93)
  • 【已解决】微信小程序-苹果手机日期解析异常

    在开发微信小程序时,使用了 uView 的 CountDown倒计时 组件和 uni.$u.timeFrom Api,后台传递了一个时间字符串,前台计算时间戳的差值,来显示还有多久开始,这个功能在模拟器和我自己手机(iphon13)上都是正常的,在提交测试之后,测试反馈(iphone12)日期显示异常,先后经历

    2024年02月07日
    浏览(34)
  • 苹果手机微信小程序fixed失效问题记录

    遇到个奇怪的问题,在微信小程序页面中添加一个底部固定按钮,设置样式为fixed,结果在iphone11上会失效,即按钮会跟着页面布局移动,修改过程在此记录一下,遇到相同问题的朋友可以看下是否你也是相同问题。 手机版本: iphone 11  重现代码: index.wxml文件内容: index.

    2024年02月09日
    浏览(37)
  • uni.openDocument 微信小程序在苹果手机打开文档失败

    解决办法:         1,ios端需要传fileType参数                 uni.openDocument({                         filePath: \\\"文件路径\\\",                         fileType: \\\"docx\\\",                         success: res = {                             console.log(\\\'打开

    2024年02月09日
    浏览(32)
  • iphone/苹果手机 微信小程序 真机调试 网络不通 网络请求失败

    问题:iphone/苹果手机 微信小程序 真机调试 网络请求失败,可以确定的是,真机和开发工具所在电脑肯定是在一个网段的,把蜂窝数据都关了,只保留了WIFI,还是请求不通, 最终参考 微信小程序真机调试报错fail-109:net::ERR_ADDRESS_UNREACHABLE ? 解决,原来是 IOS升级了本地网络权

    2024年02月11日
    浏览(86)
  • uni_app 微信小程序 苹果手机 边框显示不全

    解决方案:

    2024年02月12日
    浏览(42)
  • 微信小程序在苹果手机中打不开小程序页面,wx.agentConfig没有执行

    最近在写一个小程序,其中使用到了wx.agentConfig获取“launchMiniprogram”,打开小程序页面。 然后在安卓中可以正常打开,在苹果手机中打不开。 期间更换了n次引入的js,头大最后发现是授权的url在苹果手机和安卓中获取的不一样,导致页面授权签名报错40093 以下为简略代码 第

    2024年02月06日
    浏览(40)
  • 微信小程序 - 完美解决 web-view 公众号文章或第三方网站分享转发后,打开提示 “无法打开该页面,不支持打开” 或 “页面不存在”(IOS 苹果系统打开是空白页,安卓系统会有提示)超详细排查

    由于出现这种问题的原因有很多种,绝对不像其他文章教程那样无效,本文提供了超级详细的排查思路与解决方案。 本文从 [初步排查] 到 [代码排查],完美解决 因各种原因导致 webview 页面分享后,用户打不开提示错误 这类问题, 您只需要按照排查步骤一步一步的走,从检

    2024年02月02日
    浏览(51)
  • 微信小程序wx.canvasToTempFilePath,draw()报错 ctx.draw is not a function

    微信小程序canvas转图片临时路径,使用wx.canvasToTempFilePath方法,官方文档中写了要在 draw() 回调里调用该方法才能保证图片导出成功。 然而,显示是写在draw()里面会报错draw is not a function,查阅了一下资料,新版 Canvas 2D 接口与 Web 一致,是没有 draw 方法的。https://developers.weix

    2024年02月11日
    浏览(32)
  • 苹果iPhone手机iOS17系统怎么下载安装更新iPhone苹果ios17系统?

    苹果iPhone手机iOS17系统怎么下载安装更新iPhone苹果ios17系统? 1、在苹果iPhone手机上,找到并打开【设置】; 2、打开设置后,找到并点击进入【通用】; 3、在通用内找【软件更新】并点击进入; 4、在软件更新内找到并点击【Beta版更新】,选择【iOS17】;  5、选择iOS17后,点击

    2024年02月12日
    浏览(41)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包