获得徽章 0
#每天一个知识点# el-form-item的label加前缀,可以使用slot="label"内嵌。
3
#每天一个知识点# 今天看到的知识点,前端截图分两种1、Canvas截图(代表html2canvas),通过遍历DOM克隆一份副本,将此副本在Canvas上重新绘制,并根据DOM的样式应用在对应的绘制元素上,再通过Canvas生成图片。转换过程可理解成:DOM→Canvas→Image。

2、SVG截图(代表rasterizehtml),通过遍历DOM克隆一份副本,利用SVG的foreignObject把DOM作为外部资源嵌套在SVG中,将此SVG在Canvas上重新绘制,并根据DOM的样式应用在对应的绘制元素上,再通过Canvas生成图片。转换过程可理解成:DOM→SVG的ForeignObject→Canvas→Image。

两种前端截图方式最后都是通过把DOM绘制到Canvas,再通过Canvas输出图片。
展开
14
#每天一个知识点# 前端有没有好的截图组件,自家网址是http,之前用过html2canvas不行,还有别的吗?
评论
#每天一个知识点# 有什么好的低代码平台推荐吗?
评论
#每天一个知识点# 分享一个很好用的前端截图功能,调用浏览器的相机navigator.mediaDevices,前提是网址必须是https
评论
#每天一个知识点# 如果想一次性查询出来所有的列表数据,如果pageSize设置成999(n),那有第1000条数据,那不就不对了吗?总有n+1条数据,怎么办?
4
#每天一个知识点# 用v-for循环,里面包括el-input节点,但每次按输入就会失去焦点,不能连贯输入!!!原来是因为key值用了变量,导致触发render,使得组件进行了重新渲染,所以输入框就失去焦点了,只要key="'常量'+index",就行了。
评论
#每天一个知识点# 大家有用过copliot来开发代码吗?
5
#每天一个知识点# 如何应对35岁危机?(前端真的要润吗?还是找副业?)
9
#每天一个知识点# 要是系统里需要前端计算数值,可以使用bignumber.js,可以防止出现计算误差。[看]
2
#每天一个知识点# call和apply的共同点是改变函数执行时的上下文,区别是传参方式不一样,call接受任意的参数,apply接受数组或类数组。
2
#每天一个知识点# vue2组件里,对form里的数组进行数据增减,无法及时更新页面?我都是额外加个数组去替换form里的那个数组,不知道大家是怎么处理的?
4
下一页
个人成就
文章被阅读 23
掘力值 10
收藏集
1
关注标签
0
加入于