【日常记录bug】 uni.canvasToTempFilePath 不进入回调的问题（大雾）

最新推荐文章于 2024-04-12 11:04:08 发布
最新推荐文章于 2024-04-12 11:04:08 发布
阅读量4.2k 收藏
点赞数
分类专栏： uni-app
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Ercyao/article/details/106852290
版权

想弄个生成海报的功能，于是用到了这个方法，结果不执行，有没成功又没失败，后来我查看了下元素，虽然设置canvas宽高100%，实际上高度是0，我就猜测是不是这个导致的，果然，设置了具体高度就执行了，汗

原本

<view><canvas style="height: 100%; width: 100%; backgroundColor: #FFFFFF;" canvas-id="calendarCanvas"></canvas></view>

更改后

<view><canvas style="height: 100vh; width: 100%; backgroundColor: #FFFFFF;" canvas-id="calendarCanvas"></canvas></view>

 

北极星丶超帅的
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 5
    评论
专栏目录
27 软件Bug详细记录表.doc
07-10
27 软件Bug详细记录表.doc27 软件Bug详细记录表.doc27 软件Bug详细记录表.doc27 软件Bug详细记录表.doc27 软件Bug详细记录表.doc
uniapp 小程序canvas uni.canvasToTempFilePath报错 canvasToTempFilePath:fail fail canvas is empty
weixin_42729938的博客
03-31 2438
只需要在使用uni.canvasToTempFilePath方法的时候添加上this就行了。
uniapp开发微信小程序使用canvas保存图片时候报错canvasToTempFilePath:fail should pass canvasId or canvas
12-14 2019
我使用的是uniapp里面的echarts开发的，它里面集成了微信小程序的canvas，所以如果你是原生微信小程序报这个错，其实解决办法是一样的。
uniapp中使用canvas合并图片并保存至系统相册,图片及文字大小可自适应屏幕
qq_44342031的博客
04-12 1388
若 reserve 参数为 true，则保留当前画布上的内容，本次调用 drawCanvas 绘制的内容覆盖在上面，默认 false。把当前画布指定区域的内容导出生成指定大小的图片，并返回文件路径。在自定义组件下，第二个参数传入自定义组件实例，以操作组件内。即 reserve 参数为 false，则在本次调用绘制之前 native 层会先清空画布再继续绘制；小程序下获取网络图片信息需先配置download域名白名单才能生效。调起客户端小程序设置界面，返回用户设置的操作结果。本次绘制是否接着上一次绘制。
uniapp：微信小程序uni.canvasToTempFilePath()，报错：canvasToTempFilePath: fail canvas is empty
sunluyi的博客
05-21 1万+
错误原因： 生成海报为了方便调用，将canvas封装在了子组件中。 绘制完海报后，调用uni.canvasToTempFilePath()保存canvas为图片会提示错误信息：canvasToTempFilePath: fail canvas is empty 通过百度了解，在微信小程序子组件中调用canvasToTempFilePath时，需要额外增加一个this uni.canvasToTempFilePath(object, component,this) ctx.draw(true, (ret) =
【uniapp】使用canvas组件编译到微信小程序兼容出错问题
TA远方
09-12 2088
使用uniapp编译跨平台项目会遇到不少兼容问题，这里主要讲canvas组件的，编译到微信小程序会有兼容出错问题，这里给讲一下解决方案，希望有帮助。
【微信小程序】canvasToTempFilePath遇到的问题
韩旭不会敲代码吧的博客
12-06 6926
canvasToTempFilePath遇到的问题
canvasToTempFilePath:fail fail canvas is empty
ECMAtemplate的博客
05-27 1871
canvas ctx.draw 不调用回调函数
BUG跟踪记录&报告.xlsx
06-14
比较使用的一个BUG问题跟踪以及报告的表格，适合用于任何项目，该文档符合测试标准，对问题跟踪管理的好工具
3.27-软件Bug详细记录表.doc
11-23
3.27-软件Bug详细记录表.doc
layuitable 回调函数基础介绍.docx
最新发布
05-24
回调函数layuitable 回调函数基础介绍.docx
折磨我致死的uni.createInnerAudioContext()
01-20
uni.createInnerAudioContext创建实例设置url就可以播放了通过play方法开始使用了但是想象和现实十分的不同 列表确实是被生成了 开始出现坑我一开始写出来代码是这样的 今天项目用到uni的音频播放功能 我脑海里第一...
uniapp-微信小程序开发-canvas-ctx.draw回调不执行解决办法
TangAcrab的博客
09-03 7474
1、问题定位：在组件中使用canvas ， ctx.draw不执行（无绘制），ctx.draw中完成回调不执行。 解决办法：创建canvas画布上下文的时候传入this
uni.canvasToTempFilePath在app正常，微信小程序报错: fail canvas is empty
webuni的博客
12-22 992
uni.canvasToTempFilePath
小程序丨【已解决】自定义组件内canvasToTempFilePath获取不到画布
qq_20896193的专栏
03-22 9460
写在自定义组件内的canvas 第二个参数传入this（自定义组件实例） wx.canvasToTempFilePath({}, this)
微信小程序 wx.canvasToTempFilePath 方法之巨坑
热门推荐
全科的博客
01-25 6万+
我们先看一波wx.canvasToTempFilePath的官方文档： wx.canvasToTempFilePath(OBJECT, this) 把当前画布指定区域的内容导出生成指定大小的图片，并返回文件路径。 OBJECT参数说明： 参数 类型 必填 说明 最低版本 x Number 否 画布x轴起点（默认0） 1.2.0
canvas通过uni.canvasToTempFilePath生成base64的文件，再使用uni.uploadFile进行文件上传出现的问题
weixin_42869548的博客
06-29 1万+
在做uni-app H5项目，canvas通过uni.canvasToTempFilePath生成base64的文件，再使用uni.uploadFile进行文件上传出现的问题。 官方文档上 filePath 指定接收的是 路径 filePath String 是 要上传文件资源的路径。 但是 在安卓手机和pc上 直接使用uni.canvasToTempFilePath返回的结果作为filePath参数是可以成功上传的，ios不行。 然后使用uni.downloadFile方法或者插件市场的插件把base
uni.showToast字体不换行
09-05
根据引用和引用的内容，uni.showToast在显示消息提示框时，如果不显示图标，那么最多只能显示两行文字，超过两行会被折叠或遮盖。而在显示图标的情况下，title文本最多显示7个汉字长度。因此，uni.showToast的字体不会自动换行，而是受到了行数和字数的限制。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *3* [uni-app 小程序 uni.showToast字数超过两行自动省略显示不全问题](https://blog.csdn.net/maoge_666/article/details/131802277)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"] - *2* [报Bug】showToast组件提示文字显示不全](https://blog.csdn.net/weixin_56378960/article/details/130065984)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 5
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值