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
【vue3】使用canvas
2022-10-17 10:22

46590928的博客一个html5支持的新标签，见名知意，canvas就是画板的意思，可以在canvas上画画。css画三角形很简单，但是要画五角星呢，不妨试试canvas。
vue中使用html2Canvas截图下载图片，背景色截取不全 css vue.js
2021-06-21 15:20

回答 1 已采纳设个固定宽高，宽度100%，高度你按F12看一下现在是多少，直接设置成一样的值就行了
Vue3里setup语法糖和export default有什么关系？ javascript vue.js 前端
2023-01-31 09:41

回答 3 已采纳 "setup" 语法糖和 "export default" 没有直接关系。 "setup" 是 Vue 3 中的一种新语法，它允许你在组件内部定义响应式状态和事件处理逻辑。它与以前的选项 API 不同
vue3 setup使用ref的style如何使用typescript typescript vue.js
2021-08-26 20:49

回答 1 已采纳 ref绑定的是一个对象,是没有style,cursor1.value才是真实dom
canvas画布，手写电子签名，vue3+setup语法糖
2022-11-02 23:16

-5044的博客 canvas电子签名，无需插件，粘贴即用
vue3的setup获取axios的响应数据 vue.js 有问必答
2021-08-26 11:10

回答 3 已采纳 1.用ref setup(){ let data = ref<any>();//类型自己定义，我这里用any const submit = ()=>{
使用vue3截取图片url当中的宽高 vue.js 前端
2022-04-16 19:29

回答 2 已采纳用正则表达式/\d+x\d+/ re = /\d+x\d+/ /\d+x\d+/ url = 'https://imagesdasxx.xs/323/232-225x225.jpeg' url.ma
VUE下载失败？vue-cli也下载失败？ html vue.js 前端
2022-02-09 10:38

回答 3 已采纳使用管理员身份运行。这个报错是没权限
Vue3大屏所需图片，地图json，以及canvas粒子效果源码
2023-04-23 14:15

Vue3作为一个先进的前端框架，为开发高性能的大屏应用提供了强大的支持。在这个项目中，我们重点关注的是Vue3在处理大屏展示、地图数据处理以及Canvas粒子效果方面的应用。下面将详细介绍这三个方面。首先，Vue3在...
前端用vue怎么让图片鼠标悬停倾斜？ css javascript vue.js
2022-10-27 00:43

回答 3 已采纳 tranform:rotate(15deg); 倾斜你是想用这个吗 vue中悬停：https://blog.csdn.net/C201008/article/details/113336089
vue3实现canvas图片和div整合下载
2022-09-26 20:06

大大大琪123的博客图片加载完成事件中完成canvas函数的绘画。引入到图片加载事件所在的文件（父组件）中。新建一个文件放置所要整合的div。下载的图片已经生成div。在setup中的实现函数。
vue3+ts项目采用canvas模拟批注功能
2023-02-16 15:19

汪叽家的兔子羡的博客 vue3+ts项目采用canvas模拟批注功能实现点击“批注”，随手指绘制出线条，线条封闭之后，视为圈记成功，进而输入评论内容——批注；
没有解决我的问题, 去提问

问题事件

关注

码龄粉丝数原力等级 --

被采纳

被点赞

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

码龄粉丝数原力等级 --

被采纳

被点赞

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

码龄粉丝数原力等级 --

被采纳

被点赞

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

悬赏问题

¥15 网络科学导论，网络控制
¥15 metadata提取的PDF元数据，如何转换为一个Excel
¥15 关于arduino编程toCharArray()函数的使用
¥100 vc++混合CEF采用CLR方式编译报错
¥15 coze 的插件输入飞书多维表格 app_token 后一直显示错误，如何解决？
¥15 vite+vue3+plyr播放本地public文件夹下视频无法加载
¥15 c#逐行读取txt文本，但是每一行里面数据之间空格数量不同
¥50 如何openEuler 22.03上安装配置drbd
¥20 ING91680C BLE5.3 芯片怎么实现串口收发数据
¥15 无线连接树莓派，无法执行update，如何解决？（相关搜索：软件下载）