用戶中心USER CENTER
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社區
