注意: 添加html2canvas对象的onclone方法是为了 生成一个复制的虚拟组件，设置为显示，即可获取进行绘制，且虚拟组件不会显示在页面上. 福利: 本文已同步到我的个人技术网站 IT干货-sufaith 该网站包括Python, Linux, Nodejs, 前端开发…

拥有了强大的Canvas，我们可以使用JavaScript来控制它从而轻易地绘制出各种各样想要的图形，还可以利用JavaScript将用户的交互与canvas的绘制紧密地连接起来，甚至大可发挥我们的脑洞去做各种各样天马星空的事情。 如上所述，动画就是一张张静态的图片以一定的速度…

最近遇到了文件预览的需求，但一搜索发现，这还不是一个简单的功能。于是又去查询了很多资料，调研了一些方案，也踩了好多坑。最后总结方案如下 希望如果有其他人也遇到了同样的问题，能更方便的解决～

前言 具体的预览需求： 预览需要支持的文件类型有： png、jpg、jpeg、doc、xlsx、ppt、pdf、md、txt、audio、video，另外对于不同文档还需要有定位的功能。例如：pdf

我们经常看到一些网站都有亮色 / 暗色主题切换，例如vue官方文档。那他是怎么做到的呢？使用css变量可轻松实现。

精彩推荐 🎉Vue3优雅的监听localStorage变化🎉 Vue3如何优雅的加载大量图片🚀🚀🚀 Vue3优雅加载图片的一些动画Ⅱ🚀🚀🚀 Vue3使用hook封装常见的几种异步请求函数场景，让开发更