為什麼使用水印？
版權問題！防止他人濫用、轉發、以及破壞個人或企業隱私。
例項展示
典型專案應用案例
- 【大聯動】 使用者資訊詳情頁面
依賴資源
js/watermark.js水印核心基類
配置和使用方法
DOM結構
無
初始化
以下程式碼是最簡單的用法，更多複雜用法請參考showcase_watermark原始碼下載
// 例項化
new WaterMark({
watermark_txt: "姓名"
});
複製程式碼引數說明
| 引數 | 引數型別 | 說明 |
|---|---|---|
| watermark_txt | string | 可選 水印字樣 預設為水印字樣 |
| watermark_x | string | 可選 水印起始位置x軸座標 預設為20 |
| watermark_y | string | 可選 水印起始位置Y軸座標 預設為20 |
| watermark_rows | string | 可選 水印行數 預設為480 |
| watermark_cols | string | 可選 水印列數 預設為8 |
| watermark_x_space | string | 可選 水印x軸間隔 預設為20 |
| watermark_y_space | string | 可選 水印y軸間隔 預設為10 |
| watermark_color | string | 可選 水印字型顏色 預設為#000000 |
| watermark_alpha | string | 可選 水印透明度 預設為0.2 |
| watermark_fontsize | string | 可選 水印字型大小 預設為14px |
| watermark_font | string | 可選 水印字型 預設為fantasy |
| watermark_width | string | 可選 水印寬度 預設為50 |
| watermark_height | string | 可選 水印長度 預設為40 |
| watermark_angle | string | 可選 水印傾斜度數 預設為20 |
參考
-
cavas繪製水印：www.cnblogs.com/samwu/p/658…