import{_ as i,c as d,b as e,a as s,w as a,d as t,e as p,r,o as u}from"./app.82b5f492.js";const W='{"title":"Mask","description":"","frontmatter":{},"headers":[{"level":2,"title":"Mask type","slug":"mask-type"},{"level":2,"title":"Mask trim","slug":"mask-trim"},{"level":2,"title":"Mask background","slug":"mask-background"}],"relativePath":"docs/mask.md"}',h={},k=e("h1",{id:"mask",tabindex:"-1"},[t("Mask "),e("a",{class:"header-anchor",href:"#mask","aria-hidden":"true"},"#")],-1),_=e("p",null,"Controls the visible and non-visible area of the image.",-1),m={id:"mask-type",tabindex:"-1"},g=t("Mask type "),f=t(),v=e("a",{class:"header-anchor",href:"#mask-type","aria-hidden":"true"},"#",-1),w=p("",4),b=e("div",{class:"language-html"},[e("pre",null,[e("code",null,[e("span",{class:"token tag"},[e("span",{class:"token tag"},[e("span",{class:"token punctuation"},"<"),t("img")]),t(),e("span",{class:"token attr-name"},"src"),e("span",{class:"token attr-value"},[e("span",{class:"token punctuation attr-equals"},"="),e("span",{class:"token punctuation"},'"'),t("//wsrv.nl/?url=wsrv.nl/lichtenstein.jpg&w=300&h=300&fit=cover&mask=circle"),e("span",{class:"token punctuation"},'"')]),e("span",{class:"token punctuation"},">")]),t(`
`)])])],-1),M=e("div",{class:"language-md"},[e("pre",null,[e("code",null,[e("span",{class:"token url"},[e("span",{class:"token operator"},"!"),t("["),e("span",{class:"token content"},"Mask type"),t("]("),e("span",{class:"token url"},"https://wsrv.nl/?url=wsrv.nl/lichtenstein.jpg&w=300&h=300&fit=cover&mask=circle"),t(")")]),t(`
`)])])],-1),y={href:"/?url=wsrv.nl/lichtenstein.jpg&w=300&h=300&fit=cover&mask=circle",target:"_blank"},T=["src"],S={id:"mask-trim",tabindex:"-1"},j=t("Mask trim "),C=t(),x=e("a",{class:"header-anchor",href:"#mask-trim","aria-hidden":"true"},"#",-1),V=e("p",null,"Removes the remaining whitespace from the mask.",-1),$=e("div",{class:"language-html"},[e("pre",null,[e("code",null,[e("span",{class:"token tag"},[e("span",{class:"token tag"},[e("span",{class:"token punctuation"},"<"),t("img")]),t(),e("span",{class:"token attr-name"},"src"),e("span",{class:"token attr-value"},[e("span",{class:"token punctuation attr-equals"},"="),e("span",{class:"token punctuation"},'"'),t("//wsrv.nl/?url=wsrv.nl/lichtenstein.jpg&w=300&h=900&fit=cover&a=crop-22-0&mask=circle&mtrim"),e("span",{class:"token punctuation"},'"')]),e("span",{class:"token punctuation"},">")]),t(`
`)])])],-1),B=e("div",{class:"language-md"},[e("pre",null,[e("code",null,[e("span",{class:"token url"},[e("span",{class:"token operator"},"!"),t("["),e("span",{class:"token content"},"Mask trim"),t("]("),e("span",{class:"token url"},"https://wsrv.nl/?url=wsrv.nl/lichtenstein.jpg&w=300&h=900&fit=cover&a=crop-22-0&mask=circle&mtrim"),t(")")]),t(`
`)])])],-1),q={href:"/?url=wsrv.nl/lichtenstein.jpg&w=300&h=900&fit=cover&a=crop-22-0&mask=circle&mtrim",target:"_blank"},I=["src"],N={id:"mask-background",tabindex:"-1"},A=t("Mask background "),G=t(),P=e("a",{class:"header-anchor",href:"#mask-background","aria-hidden":"true"},"#",-1),H=e("p",null,[t("Sets the background color of the mask. See "),e("a",{href:"./adjustment.html#background"},"here"),t(" for the supported color formats.")],-1),L=e("div",{class:"language-html"},[e("pre",null,[e("code",null,[e("span",{class:"token tag"},[e("span",{class:"token tag"},[e("span",{class:"token punctuation"},"<"),t("img")]),t(),e("span",{class:"token attr-name"},"src"),e("span",{class:"token attr-value"},[e("span",{class:"token punctuation attr-equals"},"="),e("span",{class:"token punctuation"},'"'),t("//wsrv.nl/?url=wsrv.nl/transparency_demo.png&w=400&bg=black&mask=heart&mbg=red"),e("span",{class:"token punctuation"},'"')]),e("span",{class:"token punctuation"},">")]),t(`
`)])])],-1),D=e("div",{class:"language-md"},[e("pre",null,[e("code",null,[e("span",{class:"token url"},[e("span",{class:"token operator"},"!"),t("["),e("span",{class:"token content"},"Mask background"),t("]("),e("span",{class:"token url"},"https://wsrv.nl/?url=wsrv.nl/transparency_demo.png&w=400&bg=black&mask=heart&mbg=red"),t(")")]),t(`
`)])])],-1),E={href:"/?url=wsrv.nl/transparency_demo.png&w=400&bg=black&mask=heart&mbg=red",target:"_blank"},Q=["src"];function R(o,z,F,J,K,O){const l=r("QueryString"),n=r("CodeGroupItem"),c=r("CodeGroup");return u(),d("div",null,[k,_,e("h2",m,[g,s(l,{field:"mask"}),f,v]),w,s(c,null,{default:a(()=>[s(n,{title:"HTML",active:""},{default:a(()=>[b]),_:1}),s(n,{title:"Markdown"},{default:a(()=>[M]),_:1})]),_:1}),e("a",y,[e("img",{src:o.$withBase("/static/lichtenstein.jpg?w=300&h=300&fit=cover&mask=circle"),alt:"Mask type"},null,8,T)]),e("h2",S,[j,s(l,{field:"mtrim",bool:"true"}),C,x]),V,s(c,null,{default:a(()=>[s(n,{title:"HTML",active:""},{default:a(()=>[$]),_:1}),s(n,{title:"Markdown"},{default:a(()=>[B]),_:1})]),_:1}),e("a",q,[e("img",{src:o.$withBase("/static/lichtenstein.jpg?w=300&h=900&fit=cover&a=crop-22-0&mask=circle&mtrim"),alt:"Mask trim"},null,8,I)]),e("h2",N,[A,s(l,{field:"mbg"}),G,P]),H,s(c,null,{default:a(()=>[s(n,{title:"HTML",active:""},{default:a(()=>[L]),_:1}),s(n,{title:"Markdown"},{default:a(()=>[D]),_:1})]),_:1}),e("a",E,[e("img",{src:o.$withBase("/static/transparency_demo.png?w=400&bg=black&mask=heart&mbg=red"),alt:"Mask background"},null,8,Q)])])}var X=i(h,[["render",R]]);export{W as __pageData,X as default};