Webp5-js NPM | npm.io

基于 webpack5 构建的 js 工具库

支持 TypeScript；支持输出多种模块化文件（UMD、CommonJS、ESM 等），便于引入使用；支持按需加载（ESM Tree Shaking）；支持自动化测试；

Install

npm i webp5-js
#or
yarn add webp5-js

Usage

import calc from "webp5-js";

console.log(calc.add(1, 2));
this.img = await calc.urlToBase64(
  "https://xxx.com/ae79ac0b6b4b4974843910bcaeac643f.jpg"
);

// or 按需引入
import add from "webp5-js/es/add.esm";
import urlToBase64 from "webp5-js/es/urlToBase64.esm";

console.log(add(1, 2));
this.img = await urlToBase64(
  "https://xxx.com/ae79ac0b6b4b4974843910bcaeac643f.jpg"
);

Image related events

事件名	说明	参数	返回值
getBase64Img(imgObj)	根据图片对象获取 base64 图片	imgObj（new Image()对象）	base64 图片
urlToBase64(url)	网络图片转 base64 （new Image() + canvas 方式）	url（图片地址）	base64 图片
getBase64ByUrl(url)	网络图片转 base64 （xhr + FileReader）	url（图片地址）	base64 图片
base64ToFile(data, fileName)	将 base64 图片转成 file 对象	（data：base64 字符串, fileName：文件名）	file 对象
urlToFile(url, imgName)	图片地址转 file 对象	（url：图片地址, imgName：图片名称）	file 对象