EdgeIt.JS 自动提取透明图片的图像轮廓,并进行描边

EdgeIt.JS 自动提取透明图片的图像轮廓,并进行描边

EdgeIt基于Canvas的智能图片描边处理库,自动提取透明图片的图像轮廓,并进行描边 | 在线演示 | 在线文档

🚀 核心特性智能边缘检测算法抗锯齿描边渲染零依赖,纯原生实现📦 安装方式代码语言:bash复制npm install edgeit.js

# 或

yarn add edgeit.js🛠 基础用法代码语言:javascript复制const processor = new EdgeIt({

strokeColor: '#ff3b30', // 描边颜色

strokeWidth: 4 // 描边宽度(像素)

});

// 处理网络图片

processor.process('https://example.com/image.jpg')

.then(result => document.body.appendChild(result));⚙️ 配置选项参数

类型

默认值

说明

strokeColor

String

#000000

描边颜色(支持 CSS 颜色格式)

strokeWidth

Number

2

描边宽度(像素)

cache

Boolean

true

缓存图片对象,下次不用重新加载

willReadFrequently

Boolean

true

启用抗锯齿

imageSmoothing

Boolean

true

启用imageSmoothing

width

Number

null

指定输出图像的宽度 (可选)

height

Number

null

指定输出图像的高度(可选)

相关推荐

咪咕视频看体育直播收费吗是真的吗(咪咕视频看体育直播收费吗安全吗)
和平精英:为什么主播压枪那么稳?揭开5大痛点,戒掉你也能做到
西安 186路公交车
365bet亚洲官网网址

西安 186路公交车

🗓️ 07-16 👁️ 1713
新手上路
手机bt365

新手上路

🗓️ 10-13 👁️ 5130
小花钱包维护到多久
365bet亚洲官网网址

小花钱包维护到多久

🗓️ 01-15 👁️ 5557
《最终幻想:零式HD》练级地点解析攻略 刷怪地点分享
365bet官方下载

《最终幻想:零式HD》练级地点解析攻略 刷怪地点分享

🗓️ 10-21 👁️ 2636