svg和canvas的区别在vue项⽬中html2canvas的使⽤和遇到的问题
⼀、关于html2canvas
介绍
脚本遍历加载页⾯的DOM元素的信息，然后将其⽤于构建页⾯的表⽰形式。换句话说，它实际上并不截取页⾯的屏幕截图，⽽是根据它从DOM读取的属性来构建页⾯的表⽰形式。
结果，它只能正确呈现它理解的属性，这意味着有许多CSS属性⽆效，受⽀持的CSS。
局限性
脚本使⽤的所有图⽚都必须位于相同的来源， 以便它⽆需代理即可读取它们。同样，如果canvas 页⾯上还有其他元素被跨域内容污染，它们将变脏并且⽆法被html2canvas读取。
浏览器兼容性
image
⼆、需求场景
业务需要前端页⾯内容⽣成特定的海报图⽚，然后分享到第三⽅供⼈浏览和传播。
三、在vue项⽬中的使⽤
1. 安装htm l2canv as
npm install --save html2canvas
2. 按需引⼊
在需要使⽤的页⾯中先引⼊html2canvas
import html2canvas from 'html2canvas'

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。