- 博客(7)
- 收藏
- 关注
RSS订阅原创 纯前端导出页面表单为pdf文档（带图片）
二、代码实现，先安装需要的html转pdf插件，绑定需要导出pdf的表单dom元素，直接利用插件实现导出，你可以设置导出前的配置项options,包含导出文件名，图片类型，压缩率，页面边距等等。最近碰到一个新的需求，后端返回了一些数据和图片，前端组装成表单展示，最后需要导出为pdf格式，如何前端去实现这个功能，这里可以借助一个插件html2pdf来实现。这两个插件配合使用也是可以实现pdf导出的，存在的问题是导出超长页面会缺失掉超出页面的部分，或者会压缩字体和图片，实际效果没有上面使用的这个好。
2024-04-12 10:10:53
442
1
原创 vue项目实现在线文档预览效果：Office、PDF、Word等格式一网打尽
在项目中遇到过一个实际需求，需要能够预览office、pdf、word等在线文件，要是让我们自己手写完全没一点思路，不过好在优秀的开源插件@vue-office/docx，@vue-office/excel，@vue-office/pdf直接就帮我们高效的实现了，让在线预览变得如此简单，话不多说我们开始学习如何在项目中使用这些插件帮我们完成需求点。
2024-01-26 09:54:05
2161
3
原创 深入理解HTML5视频标签：掌握全方位的播放控制和交互技巧
解析视频格式：浏览器首先通过src属性指定的URL获取视频文件，并根据文件扩展名确定视频的格式（例如.mp4、.webm、.ogg等）。创建视频元素：浏览器会创建一个视频元素（HTMLVideoElement），并将其插入到页面的DOM结构中。视频元素可以通过JavaScript来操作和控制。加载视频数据：浏览器开始加载视频文件，并将数据传输到客户端。解码视频数据：一旦足够的视频数据被下载，浏览器会对视频数据进行解码，以便能够播放视频。渲染视频帧：解码后的视频数据将被渲染为一系列连续的视频帧。
2024-01-25 17:24:28
2807
原创 Echarts +VUE 柱状图绘制细节并且屏幕自适应
我先上一个完整的options配置项代码，大家一遍参考代码一遍看解释。tooltip: {},// 图例设置legend: {data: ["群众监督员"],icon: 'roundRect', //ECharts 提供的标记类型包括 'circle', 'rect', 'roundRect', 'triangle', 'diamond', 'pin', 'arrow', 'none'top: 0,fontFamily: "也字工厂熬夜黑, cursive",},},grid: {
2024-01-23 10:28:51
1243
3
原创 推荐一款好用的代码补全插件——通义灵码
最近在写项目的时候，发现一款十分好用的代码补全插件，现在分享给大家，希望能够帮助大家提高工作效率，节省更多宝贵时间。
2024-01-22 15:24:29
2412
原创 vue项目视频播放器实现进度条拖动
分享一个自己在项目中遇到的实际问题以及解决办法，早期HTML5提供了video标签，在网页中播放视频已经变成一个非常简单的事，只要一个video标签，src属性设置为视频的地址就完事了。由于src指向真实的视频网络地址，我们使用的video播放器在播放视频的时候会发现无法将视频进度进行拖拽。
2024-01-22 10:52:10
1609
原创 vue项目中vant上传多张图片校验与压缩上传图片
上传图片校验与压缩上传图片分享一个有关利用vue如何实现一个将图片压缩并上传功能，在开发中，项目常常有需要上传图片功能，但我们无法决定用户上传图片的大小，上传到服务器的图片太大会导致服务器承受不了，那么我们就只能把用户上传的图片，故而前端传图片的时候将图片压缩后再传到服务器，减少资源的消耗。
2024-01-19 15:15:33
1257
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人