Vue中canvas方法有哪些应用场景？

本文共计398个文字，预计阅读时间需要2分钟。

下面是小改写的开头内容：

小编写带给大家一篇关于Vue中使用canvas方法的教程，希望对大家有所帮助，谢谢大家的观看！

1. 如果数组中都是canvas对象，Vue如何将canvas对象渲染到页面？

使用v-只能渲染字符串内容，对于canvas对象，我们需要采用其他方法。

下面就是小编带给大家的Vue中怎么使用canvas方法操作，希望能够给你们带来一定的帮助，谢谢大家的观看。

1、如果数组中都是canvas对象, vue如何能吧canvas对象渲染到页面。v-html只能渲染出一个字符串, 没办法像appendChild那样插入canvas对象。

2、项目架构是vue-cli的单页应用，如果在index.html入口主文件里面引入<script src='html2canvas.js'></script>；

3、这样每个组件都会加载此js，造成资源浪费。所以通过import方式，在需要的组件里面引入，但是，html2canvas不支持import这种导入形式。下面通过修改html2canvas的源码，让其支持import这种引入。

4、在html2canvas源码中，找到 下面标红的这一行。