更新记录

1.0.0（2026-04-22） 下载此版本

1.0.0（2026-04-22）

  • 实现图片轮廓描边（左上/上/右上/左/右/左下/下/右下）
  • 支持自定义描边宽度、颜色
  • 适配uni-app 2d canvas
  • 自动处理DPR高清渲染，无锯齿模糊

平台兼容性

uni-app(3.7.7)

Vue2 Vue3 Chrome Safari app-vue app-nvue Android iOS 鸿蒙
- - × - - - - - -
微信小程序 支付宝小程序 抖音小程序 百度小程序 快手小程序 京东小程序 鸿蒙元服务 QQ小程序 飞书小程序 小红书小程序 快应用-华为 快应用-联盟
2.16.0 × - - - - - - - - - -

uni-app Canvas 轮廓描边插件

uni-app 2d Canvas专用，PNG图片描边

功能特点

  1. 8方向精准偏移：左上、正上、右上、正左、正右、左下、正下、右下
  2. 不缩放原图，边缘平滑无锯齿
  3. 完美识别透明镂空图片轮廓
  4. 自动适配设备DPR高清渲染
  5. 解耦工具函数，全项目任意Canvas复用

使用方法

  1. 引入插件 
    
import { drawImgBorder } from '@/utils/uni-canvas-border.js'

drawImgBorder(ctx, img, x, y, 图片宽, 图片高, 描边粗细, 描边颜色)

隐私、权限声明

1. 本插件需要申请的系统权限列表：

无

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明：

插件不采集任何数据

3. 本插件是否包含广告，如包含需详细说明广告表达方式、展示频率：

无

许可协议

MIT协议
评论列表 撰写评论 向官方投诉

暂无用户评论。