1.0.6 • Published 2 years ago

@chenbz/wmp-watermark v1.0.6

Weekly downloads
-
License
MIT
Repository
github
Last release
2 years ago

简介

wmp-watermark 是一款微信小程序水印自定义组件,通过canvas合成图片和文字水印,自动铺满水印至整个图片,结合了懒加载一起使用,可大大优化加载速度。

效果图

使用

初始化项目

npm init

安装

npm i @chenbz/wmp-watermark

构建npm

工具 => 构建npm

使用

/pages/home/index.json

{
    "usingComponents": {
        "wmp-watermark": "@chenbz/wmp-watermark"
    }
}

/pages/home/index.wxml

<view>
  <wmp-watermark imageUrl="https://s1.ax1x.com/2022/05/08/OlHYdA.png"></wmp-watermark>
</view>

属性

属性名类型默认值描述
imageUrlStringhttps://s1.ax1x.com/2022/05/08/OlbiFI.gif图片url(必传!)
lazyImageUrlStringhttps://s1.ax1x.com/2022/05/08/OlbiFI.gif"加载中"图片url
contentString请勿外传,盗版必究水印文字
contentColorStringrgba(255,255,255,.5)水印字体颜色
contentSizeNumber15水印字体大小
levelNumber60水印水平间距
verticalNumber150水印垂直间距
lazyBooleantrue懒加载
1.0.6

2 years ago

1.0.5

2 years ago

1.0.4

2 years ago

1.0.3

2 years ago

1.0.2

2 years ago

1.0.1

2 years ago

1.0.0

2 years ago