1. 前言 以对图片进行一些处理，例如：删除、下载、标记等。 2. 设计思路 项目中用的是vue+iview，于是使用Modal弹窗组件做为播放器的盒子，考虑需要用到的基本功能有：放大缩小、监听鼠标滚轮放大缩小、拖拽、全屏查看、查看上/下一张、双击图片回到初始大小和初始位置。 3. 完成效果 4. 代码思路 html部分： <Modal id="picture...
3403771864
发布于USDP社区
在过往学习的JavaScript都是在基础，现在为大家介绍更为深入的JavaScript知识。 JavaScript函数 JavaScript函数和Java函数是有一部分相似的，所以学习起来也会相对简单 基本构造 1.直接构造 //function代表函数标志，name为函数名称，参数可有可无 functionname(参数){ //... return; } 2....
3403771864
发布于USDP社区
在vue项目中canvas实现截图功能是常用的，下面是具体代码： 实现效果： 在vue项目中做的一个截图功能（只能够截取图片），只用鼠标就可以在画面中进行框选截取。 实现：做一个弹窗，打开弹窗的时候传入要截的图，接下来在这个窗口里面，点击截图按钮，开始截图；点击取消按钮，取消截图。 窗口里面的html主要是三个部分，一个是可截图区域，一个是截取图片的回显，一个是操作按钮（截图按钮和取消...
3403771864
发布于USDP社区
项目中element的表格，每次都cv很麻烦，可以用表格进行了二次封装，写一个Table组件。 首先，下面是表格样式 <el-table :data="tableData" :header-cell-style="headerStyle" :height="height" :border="bord...
3403771864
发布于USDP社区
上传视频要提供视频封面（视频封面必填），这是在开发中实际问题。封面可以用户自己制作并上传，但这样脱离网站，体验不好，常见的处理方案就是用户未选择或上传封面时，自动截取视频第一帧作为封面，但这样并不友好。因此考虑视频上传后，在播放中由人员自行截取画面作为视频封面。 简单效果如图： 前端代码如下： <template> <div> <videosrc=&...
3403771864
发布于USDP社区
