@sutton-signwriting/font-ttf
Version:
a javascript package for node that generates SVG and PNG images for individual symbols, complete signs, and structured text. The package covers the entire set of the International SignWritnig Alphabet 2010 (ISWA 2010).
3 lines (2 loc) • 3.6 kB
JavaScript
/* Sutton SignWriting TrueType Font Module v1.6.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://cdn.jsdelivr.net/npm/@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://cdn.jsdelivr.net/npm/@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://cdn.jsdelivr.net/npm/@sutton-signwriting/font-ttf@1.0.0/font/SuttonSignWritingOneD.ttf') format('truetype');\n }\n `)),document.head.appendChild(n)}};let n={};const e=152;let i;const o=function(t){if(t in n)return[...n[t]];if(!i){const t=document.createElement("canvas");t.width=e,t.height=e,i=t.getContext("2d",{willReadFrequently:!0})}i.clearRect(0,0,e,e),i.font="60px 'SuttonSignWritingLine'",i.fillText(String.fromCodePoint(t+983040),0,0);const o=i.getImageData(0,0,e,e).data;let r,l,f,c;t:for(r=151;r>=0;r--)for(l=0;l<e;l+=1)for(c=0;c<4;c+=1)if(f=4*r+4*l*e+c,o[f])break t;var u=r;t:for(l=151;l>=0;l--)for(r=0;r<u;r+=1)for(c=0;c<4;c+=1)if(f=4*r+4*l*e+c,o[f])break t;var a=l+1;if(u=Math.ceil(u/2),a=Math.ceil(a/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)&&(a=20),6285==t&&(a=21),40804==t&&(a=31),41475==t&&(a=36),0==u&&0==a){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],a=n[t][1])}return 0!=u||0!=a?(n[t]=[u,a],[u,a]):void 0},r=function(t){return String.fromCodePoint(t+983040)},l=function(t){return String.fromCodePoint(t+1048576)},f=function(t){return` <text class="sym-fill" fill="white" style="pointer-events:none;font-family:'SuttonSignWritingFill';font-size:30px;">${l(t)}</text>\n <text class="sym-line" fill="black" style="pointer-events:none;font-family:'SuttonSignWritingLine';font-size:30px;">${r(t)}</text>`},c=function(t){let n=!1,e=!1;u((()=>{n=!0})),a((()=>{e=!0}));const i=setInterval((function(){n&&e&&(clearInterval(i),t())}),100)},u=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");n.font="30px 'SuttonSignWritingFill'",n.fillText(l(1),0,0);return!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,c as cssLoaded,a as cssLoadedFill,u as cssLoadedLine,l as symbolFill,r as symbolLine,o as symbolSize,f as symbolText};