hustcc / Alimask
Licence: mit
😷 alimask 是一个使用 canvas 生成类似阿里巴巴内部网站水印图片的 JavaScript 库。
Stars: ✭ 163
Programming Languages
javascript
184084 projects - #8 most used programming language
Projects that are alternatives of or similar to Alimask
Watermark
canvas图片水印,用于身份证等个人信息添加仅用于XXX等字样保护个人信息
Stars: ✭ 219 (+34.36%)
Mutual labels: watermark, canvas
Tfmask
Terraform utility to mask select output from `terraform plan` and `terraform apply`
Stars: ✭ 148 (-9.2%)
Mutual labels: mask
Ngx Gauge
A highly customizable Gauge component for Angular 9+ apps and dashboards
Stars: ✭ 158 (-3.07%)
Mutual labels: canvas
Watermark
Add watermark on images use HTML5 and Javascript.
Stars: ✭ 154 (-5.52%)
Mutual labels: watermark
Cax
HTML5 Canvas 2D Rendering Engine - 小程序、小游戏以及 Web 通用 Canvas 渲染引擎
Stars: ✭ 1,864 (+1043.56%)
Mutual labels: canvas
Mir2
Javascript+Easycanvas+Node实现热血传奇(Mir2)游戏,还原了人物&装备&刷怪&战斗&背包等功能,支持联机,详情见wiki。
Stars: ✭ 147 (-9.82%)
Mutual labels: canvas
Lucky Canvas
🌼🌼🌼 使用 TypeScript + 原生 Canvas 封装的 JS 抽奖插件【大转盘 / 九宫格】🚀 并内置了一个微型的响应式来处理异步数据渲染,🌈 一套源码适配多端框架 js / jq / vue / react / taro / uni-app / 微信小程序等等...
Stars: ✭ 156 (-4.29%)
Mutual labels: canvas
Wechart
Create all the [ch]arts by cax or three.js - Cax 和 three.js 创造一切图[表]
Stars: ✭ 152 (-6.75%)
Mutual labels: canvas
Vue Tree Chart
flexible tree chart using Canvas and Svg, powered by D3.js
Stars: ✭ 149 (-8.59%)
Mutual labels: canvas
Gantt
Gantt chart library using jsx support SVG, Canvas and SSR
Stars: ✭ 148 (-9.2%)
Mutual labels: canvas
Smartopencv
🔥 🔥 🔥 SmartOpenCV是一个OpenCV在Android端的增强库,解决了OpenCV Android SDK在图像预览方面存在的诸多问题,且无需修改OpenCV SDK源码,与OpenCV的SDK解耦
Stars: ✭ 1,869 (+1046.63%)
Mutual labels: canvas
Vue Sign Canvas
一个基于canvas开发,封装于Vue组件的通用手写签名板(电子签名板),支持pc端和移动端,属性支持自定义配置
Stars: ✭ 163 (+0%)
Mutual labels: canvas
alimask
alimask 是一个使用 canvas 生成类似阿里巴巴内部网站水印图片的 JavaScript 库。Online demo here.
1. Install
npm install alimask
Then import it.
<script type="text/javascript" src="dist/alimask.min.js"></script>
// or
var alimask = require('alimask');
// or
import alimask from 'alimask';
Then use alimask(text, options) API.
alimask('王小为(小为) 888888');
alimask('王小为(小为) 888888', { color: '#f6dcd7' });
alimask('小泥巴(小美) 888888', { alpha: 0.5 });
2. API
The unique API is: alimask(text, options).
- text (String): required, the text in the watermark image.
-
options (Object): optional, the options of watermark, with keys below:
-
width (Number): default is
250
. -
height (Number): default is
80
. -
color (String): the text color, default is
#ebebeb
. -
alpha (Float): the text alpha(0 ~ 1), default is
0.8
. -
font (String): the text font style, default is
10px Arial
.
-
width (Number): default is
The api return the base64 string of watermark image which can be used in css background / img tag.
3. Build & Test
npm install
npm run build
npm test
4. LICENSE
MIT @hustcc
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].