- 2024-05-02vite vue-cli 读取文件原始内容 使用base64内容的文件
新建文件img.dataurl中存放图片base64<imgclass='img':src='dataurl'alt=''/>importdataurlfrom'./img.dataurl'data(){return{dataurl:dataurl}}vue.config.jsmodule.exports=defineConfig({configureWebpack:{
- 2023-09-08base64 转 blob，bse64转flle，blob转bse64
base64转blob：//dataurl：base64的urlfileType：要转的文件类型urlToBlob(dataurl,fileType){dataurl=dataurl.replace('-','+').replace('_','/').split(';base64,')[1]//以防生成的url字符串不规范//varraw=deco
- 2023-08-04js获取视频封面作为缩略图
//获取视频封面作为缩略图：captureVideoImage(){letvideoArr=document.querySelectorAll('.swipe-video');let_this=this;for(leti=0;i<videoArr.length;i++){//loadeddata当当前帧的数据已加载，但没有足够的数据来播放
- 2023-05-26react 手写签名
importReact,{useRef,useState}from'react';importSignatureCanvasfrom'react-signature-canvas';import'./index.less';functionSignature(){const[signatureDataUrl,setSignatureDataUrl]=useState(null);constsi
- 2023-05-22跨域图片转base64
<script>functionImgToBase64(img){varcanvas=document.createElement('canvas');varctx=canvas.getContext('2d');canvas.height=img.height;canvas.width=img.width;ctx.drawImage(img,0,0);vardataURL=canvas.toData
- 2023-04-07图片转二进制 base64
functiongetBase64Image(img){varcanvas=document.createElement("canvas");canvas.width=img.width;canvas.height=img.height;varctx=canvas.getContext("2d");
- 2023-03-02Js 根据视频链接取该视频第一帧的图片，并返回Base64
<!DOCTYPEhtml><html><head><title>GetVideoFrameExample</title></head><body><divid="result"></div><script>//获取视频第一帧的
- 2023-02-09JavaScript插件 图片裁剪photoClip
阅读目录JavaScript插件图片裁剪photoClip1、截图2、代码后台接收并处理图片代码JavaScript插件图片裁剪photoClip页面裁剪图片得到bas
- 2023-01-22js 操作视频帧
MDNhttps://developer.mozilla.org/zh-CN/docs/Web/API/Canvas_API/Manipulating_video_using_canvasfunctiongetVideoBase64(url){ returnnewPromise(function(res
- 2022-08-30Cocos 二维码动态生成(QRCode、JQuery)
版本：2.4.4jquery.qrcode库文件：下载地址 一效果展示根据地址http://www.xxx.com动态生成一个二维码，logo图片可自定义。 二生成二维码需要的库，JQuery和JQuery.qrc