angular9+ 水印背景
``ruby`
npm i ngx-water-marker使用
WaterMarkerModule需添加到使用的module的文件中。此处以AppModule为例:
`typescript
import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { WaterMarkerModule } from 'ngx-water-marker';
import { AppRoutingModule } from './app-routing.module';
import { AppComponent } from './app.component';
@NgModule({
declarations: [
AppComponent
],
imports: [
BrowserModule,
WaterMarkerModule
AppRoutingModule,
],
providers: [],
bootstrap: [AppComponent]
})
export class AppModule { }
`
`typescript
import { Component } from '@angular/core';
import { WaterMarkerOption } from 'ngx-water-marker';
@Component({
selector: 'app-root',
template:
,
style: []
})
export class AppComponent {
water: WaterMarkerOption = { text: '卢西奥', setting: { fontSize: 40 } };
}
``