vue 使用class建立和清除水印

2022-03-12 19:36:35 字數 1703 閱讀 6949

頁面新增水印的方法有很多,以下舉例使用class定義的方法進行水印內容渲染:

1、新建檔案:watermarkclass.js

1 export default

class watermarkclass )

1213

//繪製水印

14draw()

1819 const canvas = document.createelement("canvas");

20//

設定canvas畫布大小

21 canvas.width = this

.width;

22 canvas.height = this

.height;

2324 const ctx = canvas.getcontext("2d");

25 ctx.rotate(-(15 * math.pi) / 180); //

水印旋轉角度

26 ctx.font = `$px vedana`;

27 ctx.fillstyle = this

.fillstyle;

28 ctx.textalign = "center";

29 ctx.textbaseline = "middle";

30this.str.split(",").foreach((item, index) =>);

3334 const div = document.createelement("div");

35 div.id = this

.id;

36 div.style.pointerevents = "none";

37 div.style.top = "30px";

38 div.style.left = "10px";

39 div.style.opacity = this

.opacity;

40 div.style.position = "fixed";

41 div.style.zindex = "999999";

42 div.style.width =`$px`;

43 div.style.height =`$px`;

44 div.style.background = `url($) left top repeat`;

4546}47

48 setoptions()

5758

//繪製

59render() ;64}

6566

//移除水印

67removewatermark() 71}

72}73

2、在頁面種引入使用:

1 import watermarkclass from "@/libs/watermarkclass";

2 export default,7

methods: );

19watermark.render();

20//

5秒後,清除水印

21 settimeout(() =>, 5000);24}

25},

26 };

建立和使用DLL

首先建立個dll工程 win32控制台 dll工程 新增標頭檔案和cpp檔案,如下 ifndef dll test h define dll test h class declspec dllexport ctest endif include dll test.h include ctest ct...

oracle dblink 建立和使用

需求 本地a訪問遠端b。說明 dblinktest dblink名稱,lixu 本地a使用者,t btable 遠端b庫表。1.a 先確定使用者是否有建立dblink的許可權 select from user sys privs where privilege like upper database...

Oracle DBLINK建立和使用

當需要跨越本地資料庫,訪問遠端資料庫的資料時,oracle提供了dblink的方式,讓我們可以很方便訪問遠端資料庫像本地一樣方便,我們下面來看看建立dblink的方法。步驟一 首先查詢當前使用者是否有建立dblink的許可權,如果沒有,需要賦權 select from user sys privs ...