2024-03-21需求：html页面转换pdf，页面有多个模块，页面中有文本、echarts、表格等模块，一个模块占一页，因为模块高度不够，所以需要垂直居中通过html2canvas和jspdf实现，html2canvas用于将页面元素生成canvas，jspdf用于将页面元素导出pdf效果：以下代码可以直接运行，背景图需要自行加一下注意点：背景图片不支持跨域图片，非要使用跨域图片。可以通过js转成base64，使用base64设置背景图片_html2canvas js.pdf 生成pdf 一页添加一张图片

https://www.qianduange.cn//article/4049.html 分类：前端知识

2024-03-21Fullcalendar日历使用，包括视图选择、事件插入、编辑事件、事件状态更改、事件添加和删除、事件拖动调整，自定义头部，加入el-popover显示图片、图片预览、添加附件链接等，支持手机显示。_fullcalendar

https://www.qianduange.cn//article/4043.html 分类：前端知识

2024-03-21vue3加载本地资源_vue3 引入图片

https://www.qianduange.cn//article/4041.html 分类：前端知识

2024-03-21在CSS3中，如果想要调整背景图片的大小可以通过设置background-size属性进行设置。_cssbackground图片大小设置

https://www.qianduange.cn//article/4039.html 分类：前端知识

2024-03-21开源分享：【大厂前端面试题解析 核心总结学习笔记 真实项目实战 最新讲解视频】给大家分享一些关于HTML的面试题。71)**给大家分享一些关于HTML的面试题。[外链图片转存中…(img-gTGlOh5u-1710779579067)][外链图片转存中…(img-0kGe9cBF-1710779579067)]

https://www.qianduange.cn//article/4035.html 分类：前端知识

2024-03-21先用定位（父相子绝），将bottom设置为负值，让最后一排文字超出盒子的范围，并在盒子的父级（即：.dec）添加overflow: hidden将文字进行隐藏。因为遮罩用了after伪元素，所以会压住txt和img，所以想让txt压在遮罩上面，需要设置z-index值（默认值为0，取值越大，层级越高）这里是使用scale使图片达到放大的效果，括号中的参数即为图片的放大倍数，也可以在img上添加过渡效果，让缩放更为柔和。同样使用伪类选择器hover，在鼠标悬停时设置文字样式。），在鼠标悬停时设置图片样式。_html鼠标悬停图片变化

https://www.qianduange.cn//article/4011.html 分类：前端知识

2024-03-21首先获取file对象，然后创建一个FileReader对象。监听FileReader对象的load事件，在load事件被触发时，我们就可以通过reader.result获取到Base64字符串。最后调用readAsDataURL方法将文件读取成data URL。_img base64

https://www.qianduange.cn//article/4005.html 分类：前端知识

2024-03-20img1所在图层位于img2的上方，会对img2造成遮盖效果，因此可以利用这个特点合理定位背景图片和其他属性从而创造出由多张图片组合而成的背景。二、背景图片的位置区域background-origin对于盒子模型，包含外边距、边框、内边距和内容几部分，这几部分内容是一层层嵌套的。该属性设置的就是背景图片将从哪里开始显示，参数值和其代表意义如下：三、背景图片剪裁background-clip参数值和origin一样有三种，background-origin是..._css背景图片裁剪

https://www.qianduange.cn//article/3987.html 分类：前端知识

2024-03-20前端上传二进制格式图片数据到后端接口的实现方法_前端上传图片到后端

https://www.qianduange.cn//article/3970.html 分类：前端知识

2024-03-20总结不易，希望小宝们不要吝啬你们的?哟(＾Ｕ＾)ノ~ＹＯ！！?如有问题，欢迎评论区批评指正?。_图片 链接 html

https://www.qianduange.cn//article/3964.html 分类：前端知识