@sledgeli/to-compilation

to-compilation

A helper for image type conversion and adding image watermark.

Install 安装

yarn add @sledgeli/to-compilation

# or

npm install --save @sledgeli/to-compilation

Usage 使用示例，return 一个转换后的 File 文件对象

import { toTransform, toAddWaterMark } from "@sledgeli/to-compilation";

const fileUrl = ref("");
const tarnsform = async () => {
  const file = await toTransform(fileUrl.value);
  console.log(file, "tarnsform");
};

const addWaterMark = async () => {
  // fileUrl 需要先转换为 File 对象
  const wmFile = await toAddWaterMark(fileUrl.value);
  console.log(file, "watermark");
};

argument 参数 —— toTransform

参数名	说明	类型	默认值	是否必填
fileOrUrl	待转换的文件/图像 url	File或string		Yes
toType	期望转换的类型	string	'webp'	No
options	canvas 配置参数	object	{ quality: 1, color_space_conversion: true, alpha_filtering: "best", alpha_compression: "best", }	No

argument 参数 —— toAddWaterMark

参数名	说明	类型	默认值	是否必填
file	待添加水印的图片文件	File		Yes
waterMarkText	水印文字	string	' waterMark '	No
font	水印字号大小和字体	string	"12px arial"	No
fillStyle	水印样式—颜色和透明度	string	"rgba(255, 0, 0, .2)"	No