dk-plus
Version:
2 lines (1 loc) • 897 B
JavaScript
;Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("vue"),p=require("./index3.js"),i=s.defineComponent({__name:"watermark",props:p.dkWatermark,setup(l){const e=l,t={value:e.value,font:e.font,color:e.color,rotate:+e.rotate,opacity:e.opacity,appendToBody:e.appendToBody},d=(a,r)=>{const c=document.createElement("canvas");c.width=300,c.height=200;const n=c.getContext("2d");if(n){n.font=t.font,n.fillStyle=t.color,n.rotate(t.rotate*Math.PI/180),n.fillText(a,50,100);const o=document.createElement("div");o.className="dk-watermark",o.style.opacity=t.opacity,o&&(o.style.backgroundImage=`url(${c.toDataURL("image/png")})`,t.appendToBody?document.body.appendChild(o):r.appendChild(o))}};return s.onMounted(()=>{const a=s.getCurrentInstance(),r=a&&a.proxy&&a.proxy.$el.parentElement;r&&d(t.value,r)}),()=>{}}});exports.default=i;