![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端杂记
网络大猩猩
这个作者很懒,什么都没留下…
展开
-
vue 项目使用html2canvas插件进行截屏(截取iframe页面的一部分)
遇到的问题在项目开发中有一个需求,用户上传一个时间线的数据,通过选择不同的模板,将时间线数据可视化。用户保存这个文件时,将模板预览图截取作为文件的封面。实现的思路最终的结果就是把相应的DOM转换成一张图片传回后台。关键难点在于如何把DOM转换成图片。然鹅,最难搞定的那部分已经有了一个较为成熟的框架html2canvas。项目时间比较急迫,自己封装canvas方法来截图的方式,后续尝试一下。获取iframe的dom结构将获取到的dom直接传给html2canvas,转换canvas调用toDat原创 2020-12-08 17:58:18 · 9912 阅读 · 5 评论 -
在vs code 中创建一个自己的 Vue 模板代码
首先,在vs code 中打开定义模板代码的地方第一步,点击“设置”图标按钮,在弹出的菜单中点击的“用户代码片段”(也就是模板)第二步,在弹出的框中选择新建代码片段(可选为 全局/现在的项目 创建模板)第三步,输入要新建的模板名称,然后,回车(这里我已经新建过了)然后会自动打开下面这个页面,在这里我们就可以开始新建一个vue模板了现在我们开始创建我们的模板了这是一个模板例子需要的可以直接拷贝到新建的模板文件中,然后按自己的风格改改{ "Print to console": {原创 2020-11-10 14:16:10 · 591 阅读 · 2 评论