UNPKG

@sutton-signwriting/font-ttf

Version:

a javascript package for the browser that generates SVG and PNG images for individual symbols and complete signs

sutton-signwriting.github.io/font-ttf/

sutton-signwriting/font-ttf

3 lines (2 loc) • 3.53 kB
1
2
3
/* Sutton SignWriting TrueType Font Module v1.1.0 (https://github.com/sutton-signwriting/font-ttf), author: Steve Slevinski (https://SteveSlevinski.me), license: MIT */ const t=function(t=""){if(!document.getElementById("SgnwFontCss")){const n=document.createElement("style");n.setAttribute("id","SgnwFontCss"),n.appendChild(document.createTextNode(`\n @font-face {\n font-family: "SuttonSignWritingLine";\n src: \n local('SuttonSignWritingLine'),\n ${t?`url('${t}SuttonSignWritingLine.ttf') format('truetype'),`:""}\n url('https://unpkg.com/@sutton-signwriting/font-ttf@1.0.0/font/SuttonSignWritingLine.ttf') format('truetype');\n }\n @font-face {\n font-family: "SuttonSignWritingFill";\n src: \n local('SuttonSignWritingFill'),\n ${t?`url('${t}SuttonSignWritingFill.ttf') format('truetype'),`:""}\n url('https://unpkg.com/@sutton-signwriting/font-ttf@1.0.0/font/SuttonSignWritingFill.ttf') format('truetype');\n }\n @font-face {\n font-family: "SuttonSignWritingOneD";\n src: \n local('SuttonSignWritingOneD'),\n ${t?`url('${t}SuttonSignWritingOneD.ttf') format('truetype'),`:""}\n url('https://unpkg.com/@sutton-signwriting/font-ttf@1.0.0/font/SuttonSignWritingOneD.ttf') format('truetype');\n }\n `)),document.head.appendChild(n)}};let n={};const e=document.createElement("canvas");e.width=152,e.height=152;const i=e.getContext("2d"),o=function(t){if(t in n)return[...n[t]];i.clearRect(0,0,152,152),i.font="60px 'SuttonSignWritingLine'",i.fillText(String.fromCodePoint(t+983040),0,0);const e=i.getImageData(0,0,152,152).data;let o,r,f,l;t:for(o=151;o>=0;o--)for(r=0;r<152;r+=1)for(l=0;l<4;l+=1)if(e[f=4*o+4*r*152+l])break t;var u=o;t:for(r=151;r>=0;r--)for(o=0;o<u;o+=1)for(l=0;l<4;l+=1)if(e[f=4*o+4*r*152+l])break t;var c=r+1;if(u=Math.ceil(u/2),c=Math.ceil(c/2),14394==t&&(u=19),[10468,10480,10496,10512,10500,10532,10548,10862,10878,10894,11058,11074,11476,11488,11492,11504,11508,11520,10516,10910,10926,11042,11082,10942].includes(t)&&(u=20),31921==t&&(u=22),38460==t&&(u=23),[20164,20212].includes(t)&&(u=25),31894==t&&(u=28),46698==t&&(u=29),29606==t&&(u=30),44855==t&&(u=40),32667==t&&(u=50),[11088,11474,11490,11506].includes(t)&&(c=20),6285==t&&(c=21),40804==t&&(c=31),41475==t&&(c=36),0==u&&0==c){const n={9:[15,30],10:[21,30],11:[30,15],12:[30,21],13:[15,30],14:[21,30]};t in n&&(u=n[t][0],c=n[t][1])}return 0!=u||0!=c?(n[t]=[u,c],[u,c]):void 0},r=function(t){return String.fromCodePoint(t+983040)},f=function(t){return String.fromCodePoint(t+1048576)},l=function(t){return` <text class="sym-fill" fill="white" style="pointer-events:none;font-family:'SuttonSignWritingFill';font-size:30px;">${f(t)}</text>\n <text class="sym-line" fill="black" style="pointer-events:none;font-family:'SuttonSignWritingLine';font-size:30px;">${r(t)}</text>`},u=function(t){let n=!1,e=!1;c(()=>{n=!0}),a(()=>{e=!0});const i=setInterval((function(){n&&e&&(clearInterval(i),t())}),100)},c=function(t){if(o(1))t();else{const n=setInterval((function(){o(1)&&(clearInterval(n),t())}),100)}},a=function(t){const n=function(){const t=document.createElement("canvas");t.width=15,t.height=30;const n=t.getContext("2d");return n.font="30px 'SuttonSignWritingFill'",n.fillText(f(1),0,0),!n.getImageData(0,0,15,30).data.every(t=>0===t)};if(n())t();else{const e=setInterval((function(){n()&&(clearInterval(e),t())}),100)}};export{t as cssAppend,u as cssLoaded,a as cssLoadedFill,c as cssLoadedLine,f as symbolFill,r as symbolLine,o as symbolSize,l as symbolText};