vue3使用setup进行canvas图片失败？

问题遇到的现象和发生背景

描绘文字可以，图片就不行

问题相关代码，请勿粘贴截图

运行结果及报错内容

Uncaught TypeError: Failed to execute 'drawImage' on 'CanvasRenderingContext2D': The provided value is not of type '(CSSImageValue or HTMLCanvasElement or HTMLImageElement or HTMLVideoElement or ImageBitmap or OffscreenCanvas or SVGImageElement or VideoFrame)'.

我的解答思路和尝试过的方法

我想要达到的结果

写回答
好问题 0 提建议
追加酬金
关注问题
分享
邀请回答
编辑收藏删除
收藏举报

1条回答默认最新

关注

码龄粉丝数原力等级 --

被采纳

被点赞

采纳率
_念_ 2022-02-28 17:53
关注
https://blog.csdn.net/qq_23009739/article/details/110953965

本回答被题主选为最佳回答 , 对您是否有帮助呢?

解决无用
评论打赏
分享
举报

评论

按下Enter换行，Ctrl+Enter发表内容

报告相同问题？

关注问题

vue3使用setup进行canvas图片失败？ vue.js
2022-02-28 17:45

回答 1 已采纳 https://blog.csdn.net/qq_23009739/article/details/110953965
vue2.7setup语法糖使用报错 javascript vue.js 前端
2022-08-22 16:30

回答 2 已采纳 https://github.com/vitejs/vite/issues/1176
关于vue3中setup的使用 javascript vue.js 前端
2022-12-21 23:47

回答 3 已采纳要使用vue3的话主要还是使用script setup吧， vue3特点就是组合式api， vue2的内容基本在vue3的setup 中可以以组合式api的方式引入，如果有使用过react的话，sc
canvas画布，手写电子签名，vue3+setup语法糖
2022-11-02 23:16

-5044的博客 canvas电子签名，无需插件，粘贴即用
Vue3里setup语法糖和export default有什么关系？ javascript vue.js 前端
2023-01-31 09:41

回答 3 已采纳 "setup" 语法糖和 "export default" 没有直接关系。 "setup" 是 Vue 3 中的一种新语法，它允许你在组件内部定义响应式状态和事件处理逻辑。它与以前的选项 API 不同
vue中使用html2Canvas截图下载图片，背景色截取不全 css vue.js
2021-06-21 15:20

回答 1 已采纳设个固定宽高，宽度100%，高度你按F12看一下现在是多少，直接设置成一样的值就行了
vue3的setup获取axios的响应数据 vue.js 有问必答
2021-08-26 11:10

回答 3 已采纳 1.用ref setup(){ let data = ref<any>();//类型自己定义，我这里用any const submit = ()=>{
【vue3】使用canvas
2022-10-17 10:22

46590928的博客一个html5支持的新标签，见名知意，canvas就是画板的意思，可以在canvas上画画。css画三角形很简单，但是要画五角星呢，不妨试试canvas。
VUE下载失败？vue-cli也下载失败？ html vue.js 前端
2022-02-09 10:38

回答 3 已采纳使用管理员身份运行。这个报错是没权限
前端用vue怎么让图片鼠标悬停倾斜？ css javascript vue.js
2022-10-27 00:43

回答 3 已采纳 tranform:rotate(15deg); 倾斜你是想用这个吗 vue中悬停：https://blog.csdn.net/C201008/article/details/113336089
vue 3 setup函数式编程怎么使用 javascript vue.js 前端
2022-01-20 01:28

回答 4 已采纳 export default 这里加上这个api：defineComponent <script lang="ts"> import { defineComponent,ref } fro
vue3中使用canvas
2023-02-08 10:24

秋沐的博客使用canvas通过ref和dom方式画圆、直线、箭头、文字
vue3 setup使用ref的style如何使用typescript typescript vue.js
2021-08-26 20:49

回答 1 已采纳 ref绑定的是一个对象,是没有style,cursor1.value才是真实dom
uniapp--vue3生成canvas进行电子签名
2023-06-26 10:43

zMinga的博客用户进行电子签名，最后保存用户的签名，生成图片存入数据库等等。
vue3实现canvas图片和div整合下载
2022-09-26 20:06

大大大琪123的博客图片加载完成事件中完成canvas函数的绘画。引入到图片加载事件所在的文件（父组件）中。新建一个文件放置所要整合的div。下载的图片已经生成div。在setup中的实现函数。
没有解决我的问题, 去提问

问题事件

关注

码龄粉丝数原力等级 --

被采纳

被点赞

采纳率
系统已结题 3月9日
关注

码龄粉丝数原力等级 --

被采纳

被点赞

采纳率
已采纳回答 3月1日
关注

码龄粉丝数原力等级 --

被采纳

被点赞

采纳率
创建了问题 2月28日

悬赏问题

¥15 微信会员卡等级和折扣规则
¥15 微信公众平台自制会员卡可以通过收款码收款码收款进行自动积分吗
¥15 随身WiFi网络灯亮但是没有网络，如何解决？
¥15 gdf格式的脑电数据如何处理matlab
¥20 重新写的代码替换了之后运行hbuliderx就这样了
¥100 监控抖音用户作品更新可以微信公众号提醒
¥15 UE5 如何可以不渲染HDRIBackdrop背景
¥70 2048小游戏毕设项目
¥20 mysql架构，按照姓名分表
¥15 MATLAB实现区间[a,b]上的Gauss-Legendre积分