1"use strict";(self.webpackChunkng_zorro_antd_doc=self.webpackChunkng_zorro_antd_doc||[]).push([[8072],{8072:(mt,b,i)=>{i.r(b),i.d(b,{NzDemoWaterMarkModule:()=>st});var U=i(9072),j=i(2928),v=i(1368),t=i(4496);const K=["*"];function x(){return window.devicePixelRatio||1}function g(o,p,n,e){o.translate(p,n),o.rotate(Math.PI/180*Number(e)),o.translate(-p,-n)}let I=(()=>{class o{constructor(n,e,a){this.el=n,this.document=e,this.cdr=a,this.nzWidth=120,this.nzHeight=64,this.nzRotate=-22,this.nzZIndex=9,this.nzImage="",this.nzContent="",this.nzFont={},this.nzGap=[100,100],this.nzOffset=[this.nzGap[0]/2,this.nzGap[1]/2],this.waterMarkElement=this.document.createElement("div"),this.stopObservation=!1,this.observer=new MutationObserver(r=>{this.stopObservation||r.forEach(s=>{(function V(o,p){let n=!1;return o.removedNodes.length&&(n=Array.from(o.removedNodes).some(e=>e===p)),"attributes"===o.type&&o.target===p&&(n=!0),n})(s,this.waterMarkElement)&&(this.destroyWatermark(),this.renderWatermark())})})}ngOnInit(){this.observer.observe(this.el.nativeElement,{subtree:!0,childList:!0,attributeFilter:["style","class"]})}ngAfterViewInit(){this.renderWatermark()}ngOnChanges(n){const{nzRotate:e,nzZIndex:a,nzWidth:r,nzHeight:s,nzImage:m,nzContent:d,nzFont:k,gapX:c,gapY:u,offsetLeft:l,offsetTop:f}=n;(e||a||r||s||m||d||k||c||u||l||f)&&this.renderWatermark()}getFont(){this.nzFont={color:"rgba(0,0,0,.15)",fontSize:16,fontWeight:"normal",fontFamily:"sans-serif",fontStyle:"normal",...this.nzFont},this.cdr.markForCheck()}getMarkStyle(){const n={zIndex:this.nzZIndex,position:"absolute",left:0,top:0,width:"100%",height:"100%",pointerEvents:"none",backgroundRepeat:"repeat",visibility:"visible"};let e=(this.nzOffset?.[0]??this.nzGap[0]/2)-this.nzGap[0]/2,a=(this.nzOffset?.[1]??this.nzGap[1]/2)-this.nzGap[1]/2;return e>0&&(n.left=`${e}px`,n.width=`calc(100% - ${e}px)`,e=0),a>0&&(n.top=`${a}px`,n.height=`calc(100% - ${a}px)`,a=0),n.backgroundPosition=`${e}px ${a}px`,n}destroyWatermark(){this.waterMarkElement&&this.waterMarkElement.remove()}appendWatermark(n,e){this.stopObservation=!0,this.waterMarkElement.setAttribute("style",function q(o){return Object.keys(o).map(e=>`${function J(o){return o.replace(/([A-Z])/g,"-$1").toLowerCase()}(e)}: ${o[e]};`).join(" ")}({...this.getMarkStyle(),backgroundImage:`url('${n}')`,backgroundSize:2*(this.nzGap[0]+e)+"px"})),this.el.nativeElement.append(this.waterMarkElement),this.cdr.markForCheck(),setTimeout(()=>{this.stopObservation=!1,this.cdr.markForCheck()})}getMarkSize(n){let e=120,a=64;if(!this.nzImage&&n.measureText){n.font=`${Number(this.nzFont.fontSize)}px ${this.nzFont.fontFamily}`;const r=Array.isArray(this.nzContent)?this.nzContent:[this.nzContent],s=r.map(m=>n.measureText(m).width);e=Math.ceil(Math.max(...s)),a=Number(this.nzFont.fontSize)*r.length+3*(r.length-1)}return[this.nzWidth??e,this.nzHeight??a]}fillTexts(n,e,a,r,s){const m=x(),d=Number(this.nzFont.fontSize)*m;n.font=`${this.nzFont.fontStyle} normal ${this.nzFont.fontWeight} ${d}px/${s}px ${this.nzFont.fontFamily}`,this.nzFont.color&&(n.fillStyle=this.nzFont.color),n.textAlign="center",n.textBaseline="top",n.translate(r/2,0),(Array.isArray(this.nzContent)?this.nzContent:[this.nzContent])?.forEach((c,u)=>{n.fillText(c??"",e,a+u*(d+3*m))})}drawText(n,e,a,r,s,m,d,k,c,u,l){this.fillTexts(e,a,r,s,m),e.restore(),g(e,d,k,this.nzRotate),this.fillTexts(e,c,u,s,m),this.appendWatermark(n.toDataURL(),l)}renderWatermark(){if(!this.nzContent&&!this.nzImage)return;const n=this.document.createElement("canvas"),e=n.getContext("2d");if(e){this.waterMarkElement||(this.waterMarkElement=this.document.createElement("div")),this.getFont();const a=x(),[r,s]=this.getMarkSize(e),m=(this.nzGap[0]+r)*a,d=(this.nzGap[1]+s)*a;n.setAttribute("width",2*m+"px"),n.setAttribute("height",2*d+"px");const k=this.nzGap[0]*a/2,c=this.nzGap[1]*a/2,u=r*a,l=s*a,f=(u+this.nzGap[0]*a)/2,X=(l+this.nzGap[1]*a)/2,Y=k+m,w=c+d,F=f+m,y=X+d;if(e.save(),g(e,f,X,this.nzRotate),this.nzImage){const z=new Image;z.onload=()=>{e.drawImage(z,k,c,u,l),e.restore(),g(e,F,y,this.nzRotate),e.drawImage(z,Y,w,u,l),this.appendWatermark(n.toDataURL(),r)},z.onerror=()=>this.drawText(n,e,k,c,u,l,F,y,Y,w,r),z.crossOrigin="anonymous",z.referrerPolicy="no-referrer",z.src=this.nzImage}else this.drawText(n,e,k,c,u,l,F,y,Y,w,r)}}ngOnDestroy(){this.observer.disconnect()}static#t=this.\u0275fac=function(e){return new(e||o)(t.GI1(t.GMv),t.GI1(v.Ud),t.GI1(t.kD9))};static#n=this.\u0275cmp=t.In1({type:o,selectors:[["nz-water-mark"]],hostAttrs:[1,"ant-water-mark"],inputs:{nzWidth:"nzWidth",nzHeight:"nzHeight",nzRotate:"nzRotate",nzZIndex:"nzZIndex",nzImage:"nzImage",nzContent:"nzContent",nzFont:"nzFont",nzGap:"nzGap",nzOffset:"nzOff
1set"},exportAs:["NzWaterMark"],standalone:!0,features:[t.SYr,t.UHJ],ngContentSelectors:K,decls:1,vars:0,template:function(e,a){1&e&&(t.kPM(),t._Xx(0))},encapsulation:2,changeDetection:0})}return o})(),tt=(()=>{class o{static#t=this.\u0275fac=function(e){return new(e||o)};static#n=this.\u0275mod=t.a4G({type:o});static#e=this.\u0275inj=t.s3X({})}return o})();var D=i(1606),h=i(5408),G=i(1232),M=i(3164),N=i(4592),T=i(5636),B=i(1120),W=i(8516);const nt=[tt,D.wx,h.WO,G.OA,M.uw,N.E5,T.o,B.YB,W.uK];var O=i(6056),R=i(8700),S=i(8656),E=i(3172),H=i(9100),Z=i(5120);let L=(()=>{class o{static#t=this.\u0275fac=function(e){return new(e||o)};static#n=this.\u0275cmp=t.In1({type:o,selectors:[["nz-demo-water-mark-basic"]],decls:2,vars:0,consts:[["nzContent","NG Ant Design"],[2,"height","500px"]],template:function(e,a){1&e&&(t.I0R(0,"nz-water-mark",0),t.wR5(1,"div",1),t.C$Y())},dependencies:[I],encapsulation:2})}return o})();var C=i(6504);function et(o,p){if(1&o){const n=t.KQA();t.I0R(0,"color-sketch",17),t.qCj("onChangeComplete",function(a){t.usT(n);const r=t.GaO();return t.CGJ(r.changeColor(a))}),t.C$Y()}if(2&o){const n=t.GaO();t.E7m("color",n.color)}}const ot=o=>({background:o});let _=(()=>{class o{constructor(n,e){this.fb=n,this.cdr=e,this.color="rgba(0,0,0,.15)",this.font={color:"rgba(0,0,0,.15)",fontSize:16},this.gap=[100,100],this.offset=[50,50],this.validateForm=this.fb.group({content:["NG Ant Design"],fontSize:[16],zIndex:[11],rotate:[-22],gapX:[100],gapY:[100],offsetX:[50],offsetY:[50]})}ngOnInit(){this.validateForm.valueChanges.subscribe(n=>{this.font={fontSize:n.fontSize,color:this.color},this.gap=[n.gapX,n.gapY],this.offset=[n.offsetX,n.offsetY],this.cdr.markForCheck()})}changeColor(n){this.color=n.color.hex,this.font={fontSize:this.validateForm.controls.fontSize.value,color:n.color.hex},this.cdr.markForCheck()}static#t=this.\u0275fac=function(e){return new(e||o)(t.GI1(C.WW),t.GI1(t.kD9))};static#n=this.\u0275cmp=t.In1({type:o,selectors:[["nz-demo-water-mark-custom"]],decls:51,vars:14,consts:[[2,"display","flex"],[3,"nzContent","nzRotate","nzZIndex","nzGap","nzOffset","nzFont"],["nz-typography","",2,"z-index","10","position","relative"],["src","https://gw.alipayobjects.com/mdn/rms_08e378/afts/img/A*zx7LTI_ECSAAAAAAAAAAAABkARQnAQ","alt","\u793a\u4f8b\u56fe\u7247",2,"z-index","30","position","relative","width","100%","max-width","800px"],["nzType","vertical"],["nz-form","","nzLayout","vertical",3,"formGroup"],["nz-input","","type","text","formControlName","content"],["nz-popover","","nzPopoverOverlayClassName","theme-color-content",1,"theme-pick-wrap",3,"nzPopoverTrigger","nzPopoverContent"],[1,"theme-pick",3,"ngStyle"],["colorTpl",""],["formControlName","fontSize"],["formControlName","zIndex"],["formControlName","rotate",3,"nzMin","nzMax"],["formControlName","gapX"],["formControlName","gapY"],["formControlName","offsetX"],["formControlName","offsetY"],[3,"color","onChangeComplete"]],template:function(e,a){if(1&e&&(t.I0R(0,"div",0)(1,"nz-water-mark",1)(2,"p",2),t.OEk(3," The light-speed iteration of the digital world makes products more complex. However, human consciousness and attention resources are limited. Facing this design contradiction, the pursuit of natural interaction will be the consistent direction of Ant Design. "),t.C$Y(),t.I0R(4,"p",2),t.OEk(5," Natural user cognition: According to cognitive psychology, about 80% of external information is obtained through visual channels. The most important visual elements in the interface design, including layout, colors, illustrations, icons, etc., should fully absorb the laws of nature, thereby reducing the user's cognitive cost and bringing authentic and smooth feelings. In some scenarios, opportunely adding other sensory channels such as hearing, touch can create a richer and more natural product experience. "),t.C$Y(),t.I0R(6,"p",2),t.OEk(7," Natural user behavior: In the interaction with the system, the designer should fully understand the relationship between users, system roles, and task objectives, and also contextually organize system functions and services. At the same time, a series of methods such as behavior analysis, artificial intelligence and sensors could be applied to assist users to make effective decisions and reduce extra operations of users, to save users' mental and physical resources and make human-computer interaction more natural. "),t.C$Y(),t.wR5(8,"img",3),t.C$Y(),t.wR5(9,"nz-divider",4),t.I0R(10,"form",5)(11,"nz-form-item")(12,"nz-form-label"),t.OEk(13,"Content"),t.C$Y(),t.I0R(14,"nz-form-control"),t.wR5(15,"input",6),t.C$Y()(),t.I0R(16,"nz-form-item")(17,"nz-form-label"),t.OEk(18,"Color"),t.C$Y(),t.I0R(19,"nz-form-control")(20,"div",7),t.wR5(21,"div",8),t.C$Y(),t.yuY(22,et,1,1,"ng-template",null,9,t.gJz),t.C$Y()(),t.I0R(24,"nz-form-item")(25,"nz-form-label"),t.OEk(26,"FontSize"),t.C$Y(),t.I0R(27,"nz-form-control"),t.wR5(28,"nz-slider",10),t.C$Y()(),t.I0R(29,"nz-form-item")(30,"nz-form-label"),t.OEk(31,"zIndex"),t.C$Y(),t.I0R(32,"nz-form-control"),t.wR5(33,"nz-slider",11),t.C$Y()(),t.I0R(34,"nz-form-item")(35,"nz-form-label"),t.OEk(36,"Rotate"),t.C$Y(),t.I0R(37,"nz-form-control"),t.wR5(38,"nz-slider",12),t.C$Y()(),t.I0R(39,"nz-form-item")(40,"nz-form-label"),t.OEk(41,"Gap"),t.C$Y(),t.I0R(42,"nz-form-control"),t.wR5(43,"nz-input-number",13)(44,"nz-input-number",14),t.C$Y()(),t.I0R(45,"nz-form-item")(46,"nz-form-label"),t.OEk(47,"Offset"),t.C$Y(),t.I0R(48,"nz-form-control"),t.wR5(49,"nz-input-number",15)(50,"nz-input-number",16),t.C$Y()()()()),2&e){const r=t.Gew(23);t.yG2(),t.E7m("nzContent",a.validateForm.value.content)("nzRotate",a.validateForm.value.rotate)("nzZIndex",a.validateForm.value.zIndex)("nzGap",a.gap)("nzOffset",a.offset)("nzFont",a.font),t.yG2(9),t.E7m("formGroup",a.validateForm),t.yG2(10),t.E7m("nzPopoverTrigger","click")("nzPopoverContent",r),t.yG2(),t.E7m("ngStyle",t.S45(12,ot,a.color)),t.yG2(17),t.E7m("nzMin",-180)("nzMax",180)}},dependencies:[v.Qt,C.sz,C.ot,C.ue,C.u,C.uW,C.Wo,E.QD,E.ox,I,D.ie,h.BN,h.qU,h.Qo,h.YZ,G.cv,M.mG,N.Gc,T.M,B.r_,W.It],styles:["nz-water-mark[_ngcontent-%COMP%]{flex:1 1 auto}nz-divider[_ngcontent-%COMP%]{height:auto;margin:0 20px}form[_ngcontent-%COMP%]{flex:0 0 280px}nz-input-number[_ngcontent-%COMP%]{margin-right:12px;width:40%}.theme-pick-wrap[_ngcontent-%COMP%]{padding:4px;background:#fff;border-radius:2px;box-shadow:#0000001a 0 0 0 1px;display:inline-block;cursor:pointer}.theme-pick[_ngcontent-%COMP%]{width:80px;height:16px;border-radius:2px}"]})}return o}
1)(),P=(()=>{class o{static#t=this.\u0275fac=function(e){return new(e||o)};static#n=this.\u0275cmp=t.In1({type:o,selectors:[["nz-demo-water-mark-image"]],decls:2,vars:2,consts:[["nzImage","https://img.alicdn.com/imgextra/i3/O1CN01UR3Zkq1va9fnZsZcr_!!6000000006188-55-tps-424-64.svg",3,"nzWidth","nzHeight"],[2,"height","500px"]],template:function(e,a){1&e&&(t.I0R(0,"nz-water-mark",0),t.wR5(1,"div",1),t.C$Y()),2&e&&t.E7m("nzWidth",212)("nzHeight",32)},dependencies:[I],encapsulation:2})}return o})();const at=()=>["Angular","NG Ant Design"];let Q=(()=>{class o{static#t=this.\u0275fac=function(e){return new(e||o)};static#n=this.\u0275cmp=t.In1({type:o,selectors:[["nz-demo-water-mark-multi-line"]],decls:2,vars:2,consts:[[3,"nzContent"],[2,"height","500px"]],template:function(e,a){1&e&&(t.I0R(0,"nz-water-mark",0),t.wR5(1,"div",1),t.C$Y()),2&e&&t.E7m("nzContent",t.q4q(1,at))},dependencies:[I],encapsulation:2})}return o})(),rt=(()=>{class o{constructor(){this.expanded=!1}goLink(n){window&&(window.location.hash=n)}expandAllCode(){this.expanded=!this.expanded,this.codeBoxes.forEach(n=>{n.nzExpanded=this.expanded,n.expandCode(this.expanded),n.check()})}static#t=this.\u0275fac=function(e){return new(e||o)};static#n=this.\u0275cmp=t.In1({type:o,selectors:[["nz-demo-water-mark"]],viewQuery:function(e,a){if(1&e&&t.CC$(O.A,5),2&e){let r;t.wto(r=t.Gqi())&&(a.codeBoxes=r)}},decls:398,vars:20,consts:[[1,"toc-affix",3,"nzOffsetTop"],["nzShowInkInFixed","",3,"nzAffix","nzClick"],["nzHref","#components-water-mark-demo-basic","nzTitle","\u57fa\u672c"],["nzHref","#components-water-mark-demo-multi-line","nzTitle","\u591a\u884c\u6c34\u5370"],["nzHref","#components-water-mark-demo-image","nzTitle","\u56fe\u7247\u6c34\u5370"],["nzHref","#components-water-mark-demo-custom","nzTitle","\u81ea\u5b9a\u4e49\u914d\u7f6e"],["nzHref","#api","nzTitle","API"],[1,"markdown"],[1,"subtitle"],[1,"widget"],["aria-label","Edit this page on Github","href","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/water-mark/doc/index.zh-CN.md","target","_blank","rel","noopener noreferrer",1,"edit-button"],["nz-icon","","nzType","edit"],["id","\u4f55\u65f6\u4f7f\u7528"],["onclick","window.location.hash = '\u4f55\u65f6\u4f7f\u7528'",1,"anchor"],[1,"language-ts"],[1,"token","keyword"],[1,"token","punctuation"],[1,"token","string"],["nz-icon","","nzType","appstore","nz-tooltip","","nzTooltipTitle","\u5c55\u5f00\u5168\u90e8\u4ee3\u7801",1,"code-box-expand-trigger",3,"click"],["nz-row","",3,"nzGutter"],["nz-col","",3,"nzSpan"],["nzTitle","\u57fa\u672c","nzSelector","nz-demo-water-mark-basic","nzGenerateCommand","ng g ng-zorro-antd:water-mark-basic <name>","nzComponentName","NzDemoWaterMarkBasicComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframeHeight","nzHref"],["demo",""],["intro",""],["nzTitle","\u591a\u884c\u6c34\u5370","nzSelector","nz-demo-water-mark-multi-line","nzGenerateCommand","ng g ng-zorro-antd:water-mark-multi-line <name>","nzComponentName","NzDemoWaterMarkMultiLineComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframeHeight","nzHref"],["nzTitle","\u56fe\u7247\u6c34\u5370","nzSelector","nz-demo-water-mark-image","nzGenerateCommand","ng g ng-zorro-antd:water-mark-image <name>","nzComponentName","NzDemoWaterMarkImageComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframeHeight","nzHref"],["nzTitle","\u81ea\u5b9a\u4e49\u914d\u7f6e","nzSelector","nz-demo-water-mark-custom","nzGenerateCommand","ng g ng-zorro-antd:water-mark-custom <name>","nzComponentName","NzDemoWaterMarkCustomComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframeHeight","nzHref"],[1,"markdown","api-container"],["id","api"],["onclick","window.location.hash = 'api'",1,"anchor"],["id","nz-water-mark:standalone"],[1,"api-type-label","component"],[1,"api-type-label","standalone"],["onclick","window.location.hash = 'nz-water-mark:standalone'",1,"anchor"],["id","fonttype"],["onclick","window.location.hash = 'fonttype'",1,"anchor"],["id","faq"],["onclick","window.location.hash = 'faq'",1,"anchor"],["id","\u5904\u7406\u5f02\u5e38\u56fe\u7247\u6c34\u5370"],["onclick","window.location.hash = '\u5904\u7406\u5f02\u5e38\u56fe\u7247\u6c34\u5370'",1,"anchor"],[1,"token","operator"]],template:function(e,a){1&e&&(t.I0R(0,"article")(1,"nz-affix",0)(2,"nz-anchor",1),t.qCj("nzClick",function(s){return a.goLink(s)}),t.wR5(3,"nz-link",2)(4,"nz-link",3)(5,"nz-link",4)(6,"nz-link",5)(7,"nz-link",6),t.C$Y()(),t.I0R(8,"section",7)(9,"h1"),t.OEk(10,"WaterMark"),t.I0R(11,"span",8),t.OEk(12,"\u6c34\u5370"),t.C$Y(),t.wR5(13,"span",9),t.I0R(14,"a",10),t.wR5(15,"span",11),t.C$Y()(),t.I0R(16,"section",7),t.EdD(),t.I0R(17,"p"),t.OEk(18,"\u7ed9\u9875\u9762\u7684\u67d0\u4e2a\u533a\u57df\u52a0\u4e0a\u6c34\u5370\u3002"),t.C$Y(),t.I0R(19,"h2",12)(20,"span"),t.OEk(21,"\u4f55\u65f6\u4f7f\u7528"),t.C$Y(),t.I0R(22,"a",13),t.OEk(23,"#"),t.C$Y()(),t.I0R(24,"ul")(25,"li"),t.OEk(26,"\u9875\u9762\u9700\u8981\u6dfb\u52a0\u6c34\u5370\u6807\u8bc6\u7248\u6743\u65f6\u4f7f\u7528\u3002"),t.C$Y(),t.I0R(27,"li"),t.OEk(28,"\u9002\u7528\u4e8e\u9632\u6b62\u4fe1\u606f\u76d7\u7528\u3002"),t.C$Y()(),t.I0R(29,"p"),t.OEk(30,"module:"),t.C$Y(),t.I0R(31,"pre",14)(32,"code")(33,"span",15),t.OEk(34,"import"),t.C$Y(),t.OEk(35," "),t.I0R(36,"span",16),t.OEk(37,"{"),t.C$Y(),t.OEk(38," NzWaterMarkModule "),t.I0R(39,"span",16),t.OEk(40,"}"),t.C$Y(),t.OEk(41," "),t.I0R(42,"span",15),t.OEk(43,"from"),t.C$Y(),t.OEk(44," "),t.I0R(45,"span",17),t.OEk(46,"'ng-zorro-antd/water-mark'"),t.C$Y(),t.I0R(47,"span",16),t.OEk(48,";"),t.C$Y()()(),t.I0R(49,"p"),t.OEk(50,"standalone:"),t.C$Y(),t.I0R(51,"pre",14)(52,"code")(53,"span",15),t.OEk(54,"import"),t.C$Y(),t.OEk(55," "),t.I0R(56,"span",16),t.OEk(57,"{"),t.C$Y(),t.OEk(58," NzWaterMarkComponent "),t.I0R(59,"span",16),t.OEk(60,"}"),t.C$Y(),t.OEk(61," "),t.I0R(62,"span",15),t.OEk(63,"from"),t.C$Y(),t.OEk(64," "),t.I0R(65,"span",17),t.OEk(66,"'ng-zorro-antd/water-mark'"),t.C$Y(),t.I0R(67,"span",16),t.OEk(68,";"),t.C$Y()()(),t.eAF(),t.C$Y(),t.I0R(69,"h2")(70,"span"),t.OEk(71,"\u4ee3\u7801\u6f14\u793a"),t.C$Y(),t.I0R(72,"span",18),t.qCj("click",function(){return a.expandAllCode()}),t.C$Y()()(),t.I0R(73,"div",19)(74,"div",20)(75,"nz-code-box",21),t.wR5(76,"nz-demo-water-mark-basic",22),t.I0R(77,"div",23),t.EdD(),t.I0R(78,"p"),t.OEk(79,"\u6700\u7b80\u5355\u7684\u7528\u6cd5\u3002"),t.C$Y(),t.eAF(),t.C$Y()(),t.I0R(80,"nz-code-box",24),t.wR5(81,"nz-demo-water-mark-multi-l
1ine",22),t.I0R(82,"div",23),t.EdD(),t.I0R(83,"p"),t.OEk(84,"\u901a\u8fc7 "),t.I0R(85,"code"),t.OEk(86,"nzContent"),t.C$Y(),t.OEk(87," \u8bbe\u7f6e \u5b57\u7b26\u4e32\u6570\u7ec4 \u6307\u5b9a\u591a\u884c\u6587\u5b57\u6c34\u5370\u5185\u5bb9\u3002"),t.C$Y(),t.eAF(),t.C$Y()(),t.I0R(88,"nz-code-box",25),t.wR5(89,"nz-demo-water-mark-image",22),t.I0R(90,"div",23),t.EdD(),t.I0R(91,"p"),t.OEk(92,"\u901a\u8fc7 "),t.I0R(93,"code"),t.OEk(94,"nzImage"),t.C$Y(),t.OEk(95," \u6307\u5b9a\u56fe\u7247\u5730\u5740\u3002\u4e3a\u4fdd\u8bc1\u56fe\u7247\u9ad8\u6e05\u4e14\u4e0d\u88ab\u62c9\u4f38\uff0c\u8bf7\u8bbe\u7f6e width \u548c height, \u5e76\u4e0a\u4f20\u81f3\u5c11\u4e24\u500d\u7684\u5bbd\u9ad8\u7684 logo \u56fe\u7247\u5730\u5740\u3002"),t.C$Y(),t.eAF(),t.C$Y()(),t.I0R(96,"nz-code-box",26),t.wR5(97,"nz-demo-water-mark-custom",22),t.I0R(98,"div",23),t.EdD(),t.I0R(99,"p"),t.OEk(100,"\u901a\u8fc7\u81ea\u5b9a\u4e49\u53c2\u6570\u914d\u7f6e\u9884\u89c8\u6c34\u5370\u6548\u679c\u3002"),t.C$Y(),t.eAF(),t.C$Y()()()(),t.I0R(101,"section",27),t.EdD(),t.I0R(102,"h2",28)(103,"span"),t.OEk(104,"API"),t.C$Y(),t.I0R(105,"a",29),t.OEk(106,"#"),t.C$Y()(),t.I0R(107,"h3",30)(108,"span"),t.OEk(109,"nz-water-mark"),t.C$Y(),t.I0R(110,"label",31),t.OEk(111,"component"),t.C$Y(),t.I0R(112,"label",32),t.OEk(113,"standalone"),t.C$Y(),t.I0R(114,"a",33),t.OEk(115,"#"),t.C$Y()(),t.I0R(116,"table")(117,"thead")(118,"tr")(119,"th"),t.OEk(120,"\u53c2\u6570"),t.C$Y(),t.I0R(121,"th"),t.OEk(122,"\u8bf4\u660e"),t.C$Y(),t.I0R(123,"th"),t.OEk(124,"\u7c7b\u578b"),t.C$Y(),t.I0R(125,"th"),t.OEk(126,"\u9ed8\u8ba4\u503c"),t.C$Y()()(),t.I0R(127,"tbody")(128,"tr")(129,"td")(130,"code"),t.OEk(131,"nzContent"),t.C$Y()(),t.I0R(132,"td"),t.OEk(133,"\u6c34\u5370\u6587\u5b57\u5185\u5bb9"),t.C$Y(),t.I0R(134,"td")(135,"code"),t.OEk(136,"string \uff5c string[]"),t.C$Y()(),t.I0R(137,"td"),t.OEk(138,"-"),t.C$Y()(),t.I0R(139,"tr")(140,"td")(141,"code"),t.OEk(142,"nzWidth"),t.C$Y()(),t.I0R(143,"td"),t.OEk(144,"\u6c34\u5370\u7684\u5bbd\u5ea6\uff0c"),t.I0R(145,"code"),t.OEk(146,"nzContent"),t.C$Y(),t.OEk(147," \u7684\u9ed8\u8ba4\u503c\u4e3a\u81ea\u8eab\u7684\u5bbd\u5ea6"),t.C$Y(),t.I0R(148,"td")(149,"code"),t.OEk(150,"number"),t.C$Y()(),t.I0R(151,"td"),t.OEk(152,"120"),t.C$Y()(),t.I0R(153,"tr")(154,"td")(155,"code"),t.OEk(156,"nzHeight"),t.C$Y()(),t.I0R(157,"td"),t.OEk(158,"\u6c34\u5370\u7684\u9ad8\u5ea6\uff0c"),t.I0R(159,"code"),t.OEk(160,"nzContent"),t.C$Y(),t.OEk(161," \u7684\u9ed8\u8ba4\u503c\u4e3a\u81ea\u8eab\u7684\u9ad8\u5ea6"),t.C$Y(),t.I0R(162,"td")(163,"code"),t.OEk(164,"number"),t.C$Y()(),t.I0R(165,"td"),t.OEk(166,"64"),t.C$Y()(),t.I0R(167,"tr")(168,"td")(169,"code"),t.OEk(170,"nzRotate"),t.C$Y()(),t.I0R(171,"td"),t.OEk(172,"\u6c34\u5370\u7ed8\u5236\u65f6\uff0c\u65cb\u8f6c\u7684\u89d2\u5ea6\uff0c\u5355\u4f4d "),t.I0R(173,"code"),t.OEk(174,"\xb0"),t.C$Y()(),t.I0R(175,"td")(176,"code"),t.OEk(177,"number"),t.C$Y()(),t.I0R(178,"td"),t.OEk(179,"-22"),t.C$Y()(),t.I0R(180,"tr")(181,"td")(182,"code"),t.OEk(183,"nzZIndex"),t.C$Y()(),t.I0R(184,"td"),t.OEk(185,"\u8ffd\u52a0\u7684\u6c34\u5370\u5143\u7d20\u7684 z-index"),t.C$Y(),t.I0R(186,"td")(187,"code"),t.OEk(188,"number"),t.C$Y()(),t.I0R(189,"td"),t.OEk(190,"9"),t.C$Y()(),t.I0R(191,"tr")(192,"td")(193,"code"),t.OEk(194,"nzImage"),t.C$Y()(),t.I0R(195,"td"),t.OEk(196,"\u56fe\u7247\u6e90\uff0c\u5efa\u8bae\u5bfc\u51fa 2 \u500d\u6216 3 \u500d\u56fe\uff0c\u4f18\u5148\u7ea7\u9ad8 (\u652f\u6301 base64 \u683c\u5f0f)"),t.C$Y(),t.I0R(197,"td")(198,"code"),t.OEk(199,"string"),t.C$Y()(),t.I0R(200,"td"),t.OEk(201,"-"),t.C$Y()(),t.I0R(202,"tr")(203,"td")(204,"code"),t.OEk(205,"nzFont"),t.C$Y()(),t.I0R(206,"td"),t.OEk(207,"\u6587\u5b57\u6837\u5f0f"),t.C$Y(),t.I0R(208,"td")(209,"code"),t.OEk(210,"FontType"),t.C$Y()(),t.I0R(211,"td"),t.OEk(212,"FontType"),t.C$Y()(),t.I0R(213,"tr")(214,"td")(215,"code"),t.OEk(216,"nzGap"),t.C$Y()(),t.I0R(217,"td"),t.OEk(218,"\u6c34\u5370\u4e4b\u95f4\u7684\u95f4\u8ddd"),t.C$Y(),t.I0R(219,"td")(220,"code"),t.OEk(221,"[number, number]"),t.C$Y()(),t.I0R(222,"td"),t.OEk(223,"[100, 100]"),t.C$Y()(),t.I0R(224,"tr")(225,"td")(226,"code"),t.OEk(227,"nzOffset"),t.C$Y()(),t.I0R(228,"td"),t.OEk(229,"\u6c34\u5370\u8ddd\u79bb\u5bb9\u5668\u5de6\u4e0a\u89d2\u7684\u504f\u79fb\u91cf\uff0c\u9ed8\u8ba4\u4e3a "),t.I0R(230,"code"),t.OEk(231,"nzGap/2"),t.C$Y()(),t.I0R(232,"td")(233,"code"),t.OEk(234,"[number, number]"),t.C$Y()(),t.I0R(235,"td"),t.OEk(236,"[nzGap[0]/2, nzGap[1]/2]"),t.C$Y()()()(),t.I0R(237,"h3",34)(238,"span"),t.OEk(239,"FontType"),t.C$Y(),t.I0R(240,"a",35),t.OEk(241,"#"),t.C$Y()(),t.I0R(242,"table")(243,"thead")(244,"tr")(245,"th"),t.OEk(246,"\u53c2\u6570"),t.C$Y(),t.I0R(247,"th"),t.OEk(248,"\u8bf4\u660e"),t.C$Y(),t.I0R(249,"th"),t.OEk(250,"\u7c7b\u578b"),t.C$Y(),t.I0R(251,"th"),t.OEk(252,"\u9ed8\u8ba4\u503c"),t.C$Y()()(),t.I0R(253,"tbody")(254,"tr")(255,"td")(256,"code"),t.OEk(257,"color"),t.C$Y()(),t.I0R(258,"td"),t.OEk(259,"\u5b57\u4f53\u989c\u8272"),t.C$Y(),t.I0R(260,"td")(261,"code"),t.OEk(262,"string"),t.C$Y()(),t.I0R(263,"td"),t.OEk(264,"rgba(0,0,0,.15)"),t.C$Y()(),t.I0R(265,"tr")(266,"td")(267,"code"),t.OEk(268,"fontSize"),t.C$Y()(),t.I0R(269,"td"),t.OEk(270,"\u5b57\u4f53\u5927\u5c0f"),t.C$Y(),t.I0R(271,"td")(272,"code"),t.OEk(273,"number"),t.C$Y()(),t.I0R(274,"td"),t.OEk(275,"16"),t.C$Y()(),t.I0R(276,"tr")(277,"td")(278,"code"),t.OEk(279,"fontWeight"),t.C$Y()(),t.I0R(280,"td"),t.OEk(281,"\u5b57\u4f53\u7c97\u7ec6"),t.C$Y(),t.I0R(282,"td")(283,"code"),t.OEk(284,"normal \uff5c light \uff5c weight \uff5c number"),t.C$Y()(),t.I0R(285,"td"),t.OEk(286,"normal"),t.C$Y()(),t.I0R(287,"tr")(288,"td")(289,"code"),t.OEk(290,"fontFamily"),t.C$Y()(),t.I0R(291,"td"),t.OEk(292,"\u5b57\u4f53\u7c7b\u578b"),t.C$Y(),t.I0R(293,"td")(294,"code"),t.OEk(295,"string"),t.C$Y()(),t.I0R(296,"td"),t.OEk(297,"sans-serif"),t.C$Y()(),t.I0R(298,"tr")(299,"td")(300,"code"),t.OEk(301,"fontStyle"),t.C$Y()(),t.I0R(302,"td"),t.OEk(303,"\u5b57\u4f53\u6837\u5f0f"),t.C$Y(),t.I0R(304,"td")(305,"code"),t.OEk(306,"none \uff5c normal \uff5c italic \uff5c oblique"),t.C$Y()(),t.I0R(307,"td"),t.OEk(308,"normal"),t.C$Y()()()(),t.I0R(309,"h2",36)(310,"span"),t.OEk(311,"FAQ"),t.C$Y(),t.I0R(312,"a",37),t.OEk(313,"#"),t.C$Y()(),t.I0R(314,"h3",38)(315,"span"),t.OEk(316,"\u5904\u7406\u5f02\u5e38\u56fe\u7247\u6c34\u5370"),t.C$Y(),t.I0R(317,"a",39),t.OEk(318,"#"),t.C$Y()(),t.I0R(319,"p"),t.OEk(320,"\u5f53\u4f7f\u7528\u56fe\u7247\u6c34\u5370\u4e14\u56fe\u7247\u52a0\u8f7d\u5f02\u5e38\u65f6\uff0c\u53ef\u4ee5\u540c\u65f6\u6dfb\u52a0 "),t.I0R(321,"code"),t.OEk(322,"nzContent"),t.C$Y(),t.OEk(323," \u9632\u6b62\u6c34\u5370\u5931\u6548\u3002"),t.C$Y(),t.I0R(324,"pre",14)(325,"code")(326,"span",40),t.OEk(327,"<"),t.C$Y(),t.OEk(328,"nz"),t.I0R(329,"span",40),t.OEk(330,"-"),t.C$Y(),t.OEk(331,"w
1ater"),t.I0R(332,"span",40),t.OEk(333,"-"),t.C$Y(),t.OEk(334,"mark\n "),t.I0R(335,"span",16),t.OEk(336,"["),t.C$Y(),t.OEk(337,"nzWidth"),t.I0R(338,"span",16),t.OEk(339,"]"),t.C$Y(),t.I0R(340,"span",40),t.OEk(341,"="),t.C$Y(),t.I0R(342,"span",17),t.OEk(343,'"212"'),t.C$Y(),t.OEk(344,"\n "),t.I0R(345,"span",16),t.OEk(346,"["),t.C$Y(),t.OEk(347,"nzHeight"),t.I0R(348,"span",16),t.OEk(349,"]"),t.C$Y(),t.I0R(350,"span",40),t.OEk(351,"="),t.C$Y(),t.I0R(352,"span",17),t.OEk(353,'"32"'),t.C$Y(),t.OEk(354,"\n nzContent"),t.I0R(355,"span",40),t.OEk(356,"="),t.C$Y(),t.I0R(357,"span",17),t.OEk(358,'"NG Ant Design"'),t.C$Y(),t.OEk(359,"\n nzImage"),t.I0R(360,"span",40),t.OEk(361,"="),t.C$Y(),t.I0R(362,"span",17),t.OEk(363,'"https://img.alicdn.com/imgextra/i3/O1CN01UR3Zkq1va9fnZsZcr_!!6000000006188-55-tps-424-64.svg"'),t.C$Y(),t.OEk(364,"\n"),t.I0R(365,"span",40),t.OEk(366,">"),t.C$Y(),t.OEk(367,"\n "),t.I0R(368,"span",40),t.OEk(369,"<"),t.C$Y(),t.OEk(370,"div style"),t.I0R(371,"span",40),t.OEk(372,"="),t.C$Y(),t.I0R(373,"span",17),t.OEk(374,'"height: 500px"'),t.C$Y(),t.I0R(375,"span",40),t.OEk(376,">"),t.C$Y(),t.I0R(377,"span",40),t.OEk(378,"<"),t.C$Y(),t.I0R(379,"span",40),t.OEk(380,"/"),t.C$Y(),t.OEk(381,"div"),t.I0R(382,"span",40),t.OEk(383,">"),t.C$Y(),t.OEk(384,"\n"),t.I0R(385,"span",40),t.OEk(386,"<"),t.C$Y(),t.I0R(387,"span",40),t.OEk(388,"/"),t.C$Y(),t.OEk(389,"nz"),t.I0R(390,"span",40),t.OEk(391,"-"),t.C$Y(),t.OEk(392,"water"),t.I0R(393,"span",40),t.OEk(394,"-"),t.C$Y(),t.OEk(395,"mark"),t.I0R(396,"span",40),t.OEk(397,">"),t.C$Y()()(),t.eAF(),t.C$Y()()),2&e&&(t.yG2(),t.E7m("nzOffsetTop",16),t.yG2(),t.E7m("nzAffix",!1),t.yG2(71),t.E7m("nzGutter",8),t.yG2(),t.E7m("nzSpan",24),t.yG2(),t.E7m("nzId","components-water-mark-demo-basic")("nzLink","components-water-mark-demo-basic")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/water-mark/demo/basic.md"),t.yG2(5),t.E7m("nzId","components-water-mark-demo-multi-line")("nzLink","components-water-mark-demo-multi-line")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/water-mark/demo/multi-line.md"),t.yG2(8),t.E7m("nzId","components-water-mark-demo-image")("nzLink","components-water-mark-demo-image")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/water-mark/demo/image.md"),t.yG2(8),t.E7m("nzId","components-water-mark-demo-custom")("nzLink","components-water-mark-demo-custom")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/water-mark/demo/custom.md"))},dependencies:[O.A,R.s9,R.mK,S.g,E.QD,E.ox,H.qG,Z.If,L,_,P,Q],encapsulation:2})}return o})(),it=(()=>{class o{constructor(){this.expanded=!1}goLink(n){window&&(window.location.hash=n)}expandAllCode(){this.expanded=!this.expanded,this.codeBoxes.forEach(n=>{n.nzExpanded=this.expanded,n.expandCode(this.expanded),n.check()})}static#t=this.\u0275fac=function(e){return new(e||o)};static#n=this.\u0275cmp=t.In1({type:o,selectors:[["nz-demo-water-mark"]],viewQuery:function(e,a){if(1&e&&t.CC$(O.A,5),2&e){let r;t.wto(r=t.Gqi())&&(a.codeBoxes=r)}},decls:397,vars:20,consts:[[1,"toc-affix",3,"nzOffsetTop"],["nzShowInkInFixed","",3,"nzAffix","nzClick"],["nzHref","#components-water-mark-demo-basic","nzTitle","Basic"],["nzHref","#components-water-mark-demo-multi-line","nzTitle","Multi-line watermark"],["nzHref","#components-water-mark-demo-image","nzTitle","Image watermark"],["nzHref","#components-water-mark-demo-custom","nzTitle","Custom configuration"],["nzHref","#api","nzTitle","API"],[1,"markdown"],[1,"subtitle"],[1,"widget"],["aria-label","Edit this page on Github","href","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/water-mark/doc/index.en-US.md","target","_blank","rel","noopener noreferrer",1,"edit-button"],["nz-icon","","nzType","edit"],["id","when-to-use"],["onclick","window.location.hash = 'when-to-use'",1,"anchor"],[1,"language-ts"],[1,"token","keyword"],[1,"token","punctuation"],[1,"token","string"],["nz-icon","","nzType","appstore","nz-tooltip","","nzTooltipTitle","Expand All Code",1,"code-box-expand-trigger",3,"click"],["nz-row","",3,"nzGutter"],["nz-col","",3,"nzSpan"],["nzTitle","Basic","nzSelector","nz-demo-water-mark-basic","nzGenerateCommand","ng g ng-zorro-antd:water-mark-basic <name>","nzComponentName","NzDemoWaterMarkBasicComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframeHeight","nzHref"],["demo",""],["intro",""],["nzTitle","Multi-line watermark","nzSelector","nz-demo-water-mark-multi-l
1ine","nzGenerateCommand","ng g ng-zorro-antd:water-mark-multi-line <name>","nzComponentName","NzDemoWaterMarkMultiLineComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframeHeight","nzHref"],["nzTitle","Image watermark","nzSelector","nz-demo-water-mark-image","nzGenerateCommand","ng g ng-zorro-antd:water-mark-image <name>","nzComponentName","NzDemoWaterMarkImageComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframeHeight","nzHref"],["nzTitle","Custom configuration","nzSelector","nz-demo-water-mark-custom","nzGenerateCommand","ng g ng-zorro-antd:water-mark-custom <name>","nzComponentName","NzDemoWaterMarkCustomComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframeHeight","nzHref"],[1,"markdown","api-container"],["id","api"],["onclick","window.location.hash = 'api'",1,"anchor"],["id","nz-water-mark:standalone"],[1,"api-type-label","component"],[1,"api-type-label","standalone"],["onclick","window.location.hash = 'nz-water-mark:standalone'",1,"anchor"],["id","fonttype"],["onclick","window.location.hash = 'fonttype'",1,"anchor"],["id","faq"],["onclick","window.location.hash = 'faq'",1,"anchor"],["id","handle-abnormal-image-watermarks"],["onclick","window.location.hash = 'handle-abnormal-image-watermarks'",1,"anchor"],[1,"token","operator"]],template:function(e,a){1&e&&(t.I0R(0,"article")(1,"nz-affix",0)(2,"nz-anchor",1),t.qCj("nzClick",function(s){return a.goLink(s)}),t.wR5(3,"nz-link",2)(4,"nz-link",3)(5,"nz-link",4)(6,"nz-link",5)(7,"nz-link",6),t.C$Y()(),t.I0R(8,"section",7)(9,"h1"),t.OEk(10,"WaterMark"),t.wR5(11,"span",8)(12,"span",9),t.I0R(13,"a",10),t.wR5(14,"span",11),t.C$Y()(),t.I0R(15,"section",7),t.EdD(),t.I0R(16,"p"),t.OEk(17,"Add specific text or patterns to the page."),t.C$Y(),t.I0R(18,"h2",12)(19,"span"),t.OEk(20,"When To Use"),t.C$Y(),t.I0R(21,"a",13),t.OEk(22,"#"),t.C$Y()(),t.I0R(23,"ul")(24,"li"),t.OEk(25,"Use when the page needs to be watermarked to identify the copyright."),t.C$Y(),t.I0R(26,"li"),t.OEk(27,"Suitable for preventing information theft."),t.C$Y()(),t.I0R(28,"p"),t.OEk(29,"module:"),t.C$Y(),t.I0R(30,"pre",14)(31,"code")(32,"span",15),t.OEk(33,"import"),t.C$Y(),t.OEk(34," "),t.I0R(35,"span",16),t.OEk(36,"{"),t.C$Y(),t.OEk(37," NzWaterMarkModule "),t.I0R(38,"span",16),t.OEk(39,"}"),t.C$Y(),t.OEk(40," "),t.I0R(41,"span",15),t.OEk(42,"from"),t.C$Y(),t.OEk(43," "),t.I0R(44,"span",17),t.OEk(45,"'ng-zorro-antd/water-mark'"),t.C$Y(),t.I0R(46,"span",16),t.OEk(47,";"),t.C$Y()()(),t.I0R(48,"p"),t.OEk(49,"standalone:"),t.C$Y(),t.I0R(50,"pre",14)(51,"code")(52,"span",15),t.OEk(53,"import"),t.C$Y(),t.OEk(54," "),t.I0R(55,"span",16),t.OEk(56,"{"),t.C$Y(),t.OEk(57," NzWaterMarkComponent "),t.I0R(58,"span",16),t.OEk(59,"}"),t.C$Y(),t.OEk(60," "),t.I0R(61,"span",15),t.OEk(62,"from"),t.C$Y(),t.OEk(63," "),t.I0R(64,"span",17),t.OEk(65,"'ng-zorro-antd/water-mark'"),t.C$Y(),t.I0R(66,"span",16),t.OEk(67,";"),t.C$Y()()(),t.eAF(),t.C$Y(),t.I0R(68,"h2")(69,"span"),t.OEk(70,"Examples"),t.C$Y(),t.I0R(71,"span",18),t.qCj("click",function(){return a.expandAllCode()}),t.C$Y()()(),t.I0R(72,"div",19)(73,"div",20)(74,"nz-code-box",21),t.wR5(75,"nz-demo-water-mark-basic",22),t.I0R(76,"div",23),t.EdD(),t.I0R(77,"p"),t.OEk(78,"The most basic usage."),t.C$Y(),t.eAF(),t.C$Y()(),t.I0R(79,"nz-code-box",24),t.wR5(80,"nz-demo-water-mark-multi-line",22),t.I0R(81,"div",23),t.EdD(),t.I0R(82,"p"),t.OEk(83,"Use "),t.I0R(84,"code"),t.OEk(85,"nzContent"),t.C$Y(),t.OEk(86," to set a string array to specify multi-line text watermark content."),t.C$Y(),t.eAF(),t.C$Y()(),t.I0R(87,"nz-code-box",25),t.wR5(88,"nz-demo-water-mark-image",22),t.I0R(89,"div",23),t.EdD(),t.I0R(90,"p"),t.OEk(91,"Specify the image address via "),t.I0R(92,"code"),t.OEk(93,"nzImage"),t.C$Y(),t.OEk(94,". To ensure that the image is high definition and not stretched, set the width and height, and upload at least twice the width and height of the logo image address."),t.C$Y(),t.eAF(),t.C$Y()(),t.I0R(95,"nz-code-box",26),t.wR5(96,"nz-demo-water-mark-custom",22),t.I0R(97,"div",23),t.EdD(),t.I0R(98,"p"),t.OEk(99,"Preview the watermark effect by configuring custom parameters."),t.C$Y(),t.eAF(),t.C$Y()()()(),t.I0R(100,"section",27),t.EdD(),t.I0R(101,"h2",28)(102,"span"),t.OEk(103,"API"),t.C$Y(),t.I0R(104,"a",29),t.OEk(105,"#"),t.C$Y()(),t.I0R(106,"h3",30)(107,"span"),t.OEk(108,"nz-water-mark"),t.C$Y(),t.I0R(109,"label",31),t.OEk(110,"component"),t.C$Y(),t.I0R(111,"label",32),t.OEk(112,"standalone"),t.C$Y(),t.I0R(113,"a",33),t.OEk(114,"#"),t.C$Y()(),t.I0R(115,"table")(116,"thead")(117,"tr")(118,"th"),t.OEk(119,"Property"),t.C$Y(),t.I0R(120,"th"),t.OEk(121,"Description"),t.C$Y(),t.I0R(122,"th"),t.OEk(123,"Type"),t.C$Y(),t.I0R(124,"th"),t.OEk(125,"Default"),t.C$Y()()(),t.I0R(126,"tbody")(127,"tr")(128,"td")(129,"code"),t.OEk(130,"nzContent"),t.C$Y()(),t.I0R(131,"td"),t.OEk(132,"Watermark text content"),t.C$Y(),t.I0R(133,"td")(134,"code"),t.OEk(135,"string \uff5c string[]"),t.C$Y()(),t.I0R(136,"td"),t.OEk(137,"-"),t.C$Y()(),t.I0R(138,"tr")(139,"td")(140,"code"),t.OEk(141,"nzWidth"),t.C$Y()(),t.I0R(142,"td"),t.OEk(143,"The width of the watermark, the default value of "),t.I0R(144,"code"),t.OEk(145,"nzContent"),t.C$Y(),t.OEk(146," is its own width"),t.C$Y(),t.I0R(147,"td")(148,"code"),t.OEk(149,"number"),t.C$Y()(),t.I0R(150,"td"),t.OEk(151,"120"),t.C$Y()(),t.I0R(152,"tr")(153,"td")(154,"code"),t.OEk(155,"nzHeight"),t.C$Y()(),t.I0R(156,"td"),t.OEk(157,"The height of the watermark, the default value of "),t.I0R(158,"code"),t.OEk(159,"nzContent"),t.C$Y(),t.OEk(160," is its own height"),t.C$Y(),t.I0R(161,"td")(162,"code"),t.OEk(163,"number"),t.C$Y()(),t.I0R(164,"td"),t.OEk(165,"64"),t.C$Y()(),t.I0R(166,"tr")(167,"td")(168,"code"),t.OEk(169,"nzRotate"),t.C$Y()(),t.I0R(170,"td"),t.OEk(171,"When the watermark is drawn, the rotation Angle, unit "),t.I0R(172,"code"),t.OEk(173,"\xb0"),t.C$Y()(),t.I0R(174,"td")(175,"code"),t.OEk(176,"number"),t.C$Y()(),t.I0R(177,"td"),t.OEk(178,"-22"),t.C$Y()(),t.I0R(179,"tr")(180,"td")(181,"code"),t.OEk(182,"nzZIndex"),t.C$Y()(),t.I0R(183,"td"),t.OEk(184,"The z-index of the appended watermark element"),t.C$Y(),t.I0R(185,"td")(186,"code"),t.OEk(187,"number"),t.C$Y()(),t.I0R(188,"td"),t.OEk(189,"9"),t.C$Y()(),t.I0R(190,"tr")(191,"td")(192,"code"),t.OEk(193,"nzImage"),t.C$Y()(),t.I0R(194,"td"),t.OEk(195,"Image source, it is recommended to export 2x or 3x image, high priority (support base64 format)"),t.C$Y(),t.I0R(196,"td")(197,"code"),t.OEk(198,"string"),t.C$Y()(),t.I0R(199,"td"),t.OEk(200,"-"),t.C$Y()(),t.I0R(201,"tr")(202,"td")(203,"code"),t.OEk(204,"
1nzFont"),t.C$Y()(),t.I0R(205,"td"),t.OEk(206,"Text style"),t.C$Y(),t.I0R(207,"td")(208,"code"),t.OEk(209,"FontType"),t.C$Y()(),t.I0R(210,"td"),t.OEk(211,"FontType"),t.C$Y()(),t.I0R(212,"tr")(213,"td")(214,"code"),t.OEk(215,"nzGap"),t.C$Y()(),t.I0R(216,"td"),t.OEk(217,"The spacing between watermarks"),t.C$Y(),t.I0R(218,"td")(219,"code"),t.OEk(220,"[number, number]"),t.C$Y()(),t.I0R(221,"td"),t.OEk(222,"[100, 100]"),t.C$Y()(),t.I0R(223,"tr")(224,"td")(225,"code"),t.OEk(226,"nzOffset"),t.C$Y()(),t.I0R(227,"td"),t.OEk(228,"The offset of the watermark from the upper left corner of the container. The default is "),t.I0R(229,"code"),t.OEk(230,"nzGap/2"),t.C$Y()(),t.I0R(231,"td")(232,"code"),t.OEk(233,"[number, number]"),t.C$Y()(),t.I0R(234,"td"),t.OEk(235,"[nzGap[0]/2, nzGap[1]/2]"),t.C$Y()()()(),t.I0R(236,"h3",34)(237,"span"),t.OEk(238,"FontType"),t.C$Y(),t.I0R(239,"a",35),t.OEk(240,"#"),t.C$Y()(),t.I0R(241,"table")(242,"thead")(243,"tr")(244,"th"),t.OEk(245,"Property"),t.C$Y(),t.I0R(246,"th"),t.OEk(247,"Description"),t.C$Y(),t.I0R(248,"th"),t.OEk(249,"Type"),t.C$Y(),t.I0R(250,"th"),t.OEk(251,"Default"),t.C$Y()()(),t.I0R(252,"tbody")(253,"tr")(254,"td")(255,"code"),t.OEk(256,"color"),t.C$Y()(),t.I0R(257,"td"),t.OEk(258,"font color"),t.C$Y(),t.I0R(259,"td")(260,"code"),t.OEk(261,"string"),t.C$Y()(),t.I0R(262,"td"),t.OEk(263,"rgba(0,0,0,.15)"),t.C$Y()(),t.I0R(264,"tr")(265,"td")(266,"code"),t.OEk(267,"fontSize"),t.C$Y()(),t.I0R(268,"td"),t.OEk(269,"font size"),t.C$Y(),t.I0R(270,"td")(271,"code"),t.OEk(272,"number"),t.C$Y()(),t.I0R(273,"td"),t.OEk(274,"16"),t.C$Y()(),t.I0R(275,"tr")(276,"td")(277,"code"),t.OEk(278,"fontWeight"),t.C$Y()(),t.I0R(279,"td"),t.OEk(280,"font weight"),t.C$Y(),t.I0R(281,"td")(282,"code"),t.OEk(283,"normal \uff5c light \uff5c weight \uff5c number"),t.C$Y()(),t.I0R(284,"td"),t.OEk(285,"normal"),t.C$Y()(),t.I0R(286,"tr")(287,"td")(288,"code"),t.OEk(289,"fontFamily"),t.C$Y()(),t.I0R(290,"td"),t.OEk(291,"font family"),t.C$Y(),t.I0R(292,"td")(293,"code"),t.OEk(294,"string"),t.C$Y()(),t.I0R(295,"td"),t.OEk(296,"sans-serif"),t.C$Y()(),t.I0R(297,"tr")(298,"td")(299,"code"),t.OEk(300,"fontStyle"),t.C$Y()(),t.I0R(301,"td"),t.OEk(302,"font style"),t.C$Y(),t.I0R(303,"td")(304,"code"),t.OEk(305,"none \uff5c normal \uff5c italic \uff5c oblique"),t.C$Y()(),t.I0R(306,"td"),t.OEk(307,"normal"),t.C$Y()()()(),t.I0R(308,"h2",36)(309,"span"),t.OEk(310,"FAQ"),t.C$Y(),t.I0R(311,"a",37),t.OEk(312,"#"),t.C$Y()(),t.I0R(313,"h3",38)(314,"span"),t.OEk(315,"Handle abnormal image watermarks"),t.C$Y(),t.I0R(316,"a",39),t.OEk(317,"#"),t.C$Y()(),t.I0R(318,"p"),t.OEk(319,"When using an image watermark and the image loads abnormally, you can add "),t.I0R(320,"code"),t.OEk(321,"nzContent"),t.C$Y(),t.OEk(322," at the same time to prevent the watermark from becoming invalid."),t.C$Y(),t.I0R(323,"pre",14)(324,"code")(325,"span",40),t.OEk(326,"<"),t.C$Y(),t.OEk(327,"nz"),t.I0R(328,"span",40),t.OEk(329,"-"),t.C$Y(),t.OEk(330,"water"),t.I0R(331,"span",40),t.OEk(332,"-"),t.C$Y(),t.OEk(333,"mark\n "),t.I0R(334,"span",16),t.OEk(335,"["),t.C$Y(),t.OEk(336,"nzWidth"),t.I0R(337,"span",16),t.OEk(338,"]"),t.C$Y(),t.I0R(339,"span",40),t.OEk(340,"="),t.C$Y(),t.I0R(341,"span",17),t.OEk(342,'"212"'),t.C$Y(),t.OEk(343,"\n "),t.I0R(344,"span",16),t.OEk(345,"["),t.C$Y(),t.OEk(346,"nzHeight"),t.I0R(347,"span",16),t.OEk(348,"]"),t.C$Y(),t.I0R(349,"span",40),t.OEk(350,"="),t.C$Y(),t.I0R(351,"span",17),t.OEk(352,'"32"'),t.C$Y(),t.OEk(353,"\n nzContent"),t.I0R(354,"span",40),t.OEk(355,"="),t.C$Y(),t.I0R(356,"span",17),t.OEk(357,'"NG Ant Design"'),t.C$Y(),t.OEk(358,"\n nzImage"),t.I0R(359,"span",40),t.OEk(360,"="),t.C$Y(),t.I0R(361,"span",17),t.OEk(362,'"https://img.alicdn.com/imgextra/i3/O1CN01UR3Zkq1va9fnZsZcr_!!6000000006188-55-tps-424-64.svg"'),t.C$Y(),t.OEk(363,"\n"),t.I0R(364,"span",40),t.OEk(365,">"),t.C$Y(),t.OEk(366,"\n "),t.I0R(367,"span",40),t.OEk(368,"<"),t.C$Y(),t.OEk(369,"div style"),t.I0R(370,"span",40),t.OEk(371,"="),t.C$Y(),t.I0R(372,"span",17),t.OEk(373,'"height: 500px"'),t.C$Y(),t.I0R(374,"span",40),t.OEk(375,">"),t.C$Y(),t.I0R(376,"span",40),t.OEk(377,"<"),t.C$Y(),t.I0R(378,"span",40),t.OEk(379,"/"),t.C$Y(),t.OEk(380,"div"),t.I0R(381,"span",40),t.OEk(382,">"),t.C$Y(),t.OEk(383,"\n"),t.I0R(384,"span",40),t.OEk(385,"<"),t.C$Y(),t.I0R(386,"span",40),t.OEk(387,"/"),t.C$Y(),t.OEk(388,"nz"),t.I0R(389,"span",40),t.OEk(390,"-"),t.C$Y(),t.OEk(391,"water"),t.I0R(392,"span",40),t.OEk(393,"-"),t.C$Y(),t.OEk(394,"mark"),t.I0R(395,"span",40),t.OEk(396,">"),t.C$Y()()(),t.eAF(),t.C$Y()()),2&e&&(t.yG2(),t.E7m("nzOffsetTop",16),t.yG2(),t.E7m("nzAffix",!1),t.yG2(70),t.E7m("nzGutter",8),t.yG2(),t.E7m("nzSpan",24),t.yG2(),t.E7m("nzId","components-water-mark-demo-basic")("nzLink","components-water-mark-demo-basic")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/water-mark/demo/basic.md"),t.yG2(5),t.E7m("nzId","components-water-mark-demo-multi-l
1ine")("nzLink","components-water-mark-demo-multi-line")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/water-mark/demo/multi-line.md"),t.yG2(8),t.E7m("nzId","components-water-mark-demo-image")("nzLink","components-water-mark-demo-image")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/water-mark/demo/image.md"),t.yG2(8),t.E7m("nzId","components-water-mark-demo-custom")("nzLink","components-water-mark-demo-custom")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/water-mark/demo/custom.md"))},dependencies:[O.A,R.s9,R.mK,S.g,E.QD,E.ox,H.qG,Z.If,L,_,P,Q],encapsulation:2})}return o})(),st=(()=>{class o{static#t=this.\u0275fac=function(e){return new(e||o)};static#n=this.\u0275mod=t.a4G({type:o});static#e=this.\u0275inj=t.s3X({imports:[j.K,nt,U.qQ.forChild([{path:"en",component:it},{path:"zh",component:rt}])]})}return o})()}}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.