| |
| (function(root){ |
| const eff=(L,it)=>{const o=it&&it.ov&&it.ov[L.id];return o?{...L,...o}:L}; |
| function metrics(E,c,w,h){ |
| const ww=E.size*w;let hh,fs=0; |
| if(E.type==='image')hh=ww*E.cv.height/E.cv.width; |
| else{c.font=`${E.weight} 100px "${E.font}",sans-serif`;fs=ww/Math.max(1,c.measureText(E.text||' ').width)*100;hh=fs*1.15} |
| return{ww,hh,fs} |
| } |
| function place(E,m,w,h){ |
| const mg=E.margin*w; |
| if(E.anchor){const a=E.anchor;return{x:a[1]==='l'?mg+m.ww/2:a[1]==='r'?w-mg-m.ww/2:w/2,y:a[0]==='t'?mg+m.hh/2:a[0]==='b'?h-mg-m.hh/2:h/2}} |
| return{x:E.x*w,y:E.y*h} |
| } |
| function drawLayer(c,L,item,w,h){ |
| const E=eff(L,item),m=metrics(E,c,w,h),p=place(E,m,w,h); |
| c.save();c.globalAlpha=E.opacity;c.translate(p.x,p.y);c.rotate(E.rot*Math.PI/180); |
| if(E.shadow){c.shadowColor='rgba(0,0,0,.5)';c.shadowBlur=m.ww*.03;c.shadowOffsetY=m.ww*.008} |
| const stamp=(x,y)=>{ |
| if(E.type==='image')c.drawImage(E.cv,x-m.ww/2,y-m.hh/2,m.ww,m.hh); |
| else{c.font=`${E.weight} ${m.fs}px "${E.font}",sans-serif`;c.fillStyle=E.color;c.textAlign='center';c.textBaseline='middle';c.fillText(E.text,x,y)}}; |
| if(E.tile){const sx=m.ww*(1+E.gap),sy=m.hh*(1+E.gap),ext=Math.hypot(w,h),nx=Math.ceil(ext/sx)+1,ny=Math.ceil(ext/sy)+1; |
| for(let j=-ny;j<=ny;j++)for(let i=-nx;i<=nx;i++)stamp(i*sx+(j&1?sx/2:0),j*sy)} |
| else stamp(0,0); |
| c.restore();return{...m,...p,E} |
| } |
|
|
| function drawAll(c,w,h,layers,item){for(const L of layers){if(L.vis)drawLayer(c,L,item,w,h)}} |
| const api={eff,metrics,place,drawLayer,drawAll}; |
| if(typeof module!=='undefined'&&module.exports)module.exports=api;else Object.assign(root,api); |
| })(typeof window!=='undefined'?window:globalThis); |
|
|
