Angular 版本水印指令

欢迎关注github:https://github.com/myopenresources

安装

npm install cc-water-marker --save 或 yarn add cc-water-marker

使用

// 业务模块

import { WaterMarkerModule } from 'cc-water-marker';

 

 

@NgModule({

  declarations: [

    AppComponent

  ],

  imports: [

    BrowserModule,

    WaterMarkerModule

  ],

  providers: [],

  bootstrap: [AppComponent]

})

export class AppModule { }

 

//业务html，水印宽高是根据元素的宽高定的，请通过css设置元素的宽高

<div class="div" ccWaterMarker [options]="options" [zIndex]="8"></div>

 

//业务组件

import { Component } from '@angular/core';

import { WaterMarkerOptionModel } from 'cc-water-marker';

 

@Component