| 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196119711981199120012011202120312041205120612071208120912101211121212131214121512161217121812191220122112221223122412251226122712281229123012311232 |
- Typr["U"] = {
- "shape" : function(font,str,ltr) {
-
- var getGlyphPosition = function(font, gls,i1,ltr)
- {
- var g1=gls[i1],g2=gls[i1+1], kern=font["kern"];
- if(kern) {
- var ind1 = kern.glyph1.indexOf(g1);
- if(ind1!=-1)
- {
- var ind2 = kern.rval[ind1].glyph2.indexOf(g2);
- if(ind2!=-1) return [0,0,kern.rval[ind1].vals[ind2],0];
- }
- }
- //console.log("no kern");
- return [0,0,0,0];
- }
-
-
- var gls = [];
- for(var i=0; i<str.length; i++) {
- var cc = str.codePointAt(i); if(cc>0xffff) i++;
- gls.push(Typr["U"]["codeToGlyph"](font, cc));
- }
- var shape = [];
- var x = 0, y = 0;
-
- for(var i=0; i<gls.length; i++) {
- var padj = getGlyphPosition(font, gls,i,ltr);
- var gid = gls[i];
- var ax=font["hmtx"].aWidth[gid]+padj[2];
- shape.push({"g":gid, "cl":i, "dx":0, "dy":0, "ax":ax, "ay":0});
- x+=ax;
- }
- return shape;
- },
-
- "shapeToPath" : function(font,shape,clr) {
- var tpath = {cmds:[], crds:[]};
- var x = 0, y = 0;
-
- for(var i=0; i<shape.length; i++) {
- var it = shape[i]
- var path = Typr["U"]["glyphToPath"](font, it["g"]), crds=path["crds"];
- for(var j=0; j<crds.length; j+=2) {
- tpath.crds.push(crds[j ] + x + it["dx"]);
- tpath.crds.push(crds[j+1] + y + it["dy"]);
- }
- if(clr) tpath.cmds.push(clr);
- for(var j=0; j<path["cmds"].length; j++) tpath.cmds.push(path["cmds"][j]);
- var clen = tpath.cmds.length;
- if(clr) if(clen!=0 && tpath.cmds[clen-1]!="X") tpath.cmds.push("X"); // SVG fonts might contain "X". Then, nothing would stroke non-SVG glyphs.
-
- x += it["ax"]; y+= it["ay"];
- }
- return {"cmds":tpath.cmds, "crds":tpath.crds};
- },
- "codeToGlyph" : function() {
-
- // find the greatest index with a value <=v
- function arrSearch(arr, k, v) {
- var l=0, r=~~(arr.length/k);
- while(l+1!=r) { var mid = l + ((r-l)>>>1); if(arr[mid*k]<=v) l=mid; else r=mid; }
-
- //var mi = 0; for(var i=0; i<arr.length; i+=k) if(arr[i]<=v) mi=i; if(mi!=l*k) throw "e";
-
- return l*k;
- }
-
- var wha = [0x9,0xa,0xb,0xc,0xd,0x20,0x85,0xa0,0x1680,0x180e,0x2028,0x2029,0x202f,0x2060,0x3000,0xfeff], whm={};
- for(var i=0; i<wha.length; i++) whm[wha[i]]=1;
- for(var i=0x2000; i<=0x200d; i++) whm[i]=1;
-
- function ctg(font, code)
- {
- //console.log(cmap);
- // "p3e10" for NotoEmoji-Regular.ttf
- //console.log(cmap);
-
- if(font["_ctab"]==null) {
- var cmap = font["cmap"];
- var tind = -1, pps=["p3e10","p0e4","p3e1","p1e0","p0e3","p0e1"/*,"p3e3"*/,"p3e0" /*Hebrew*/, "p3e5" /*Korean*/];
- for(var i=0; i<pps.length; i++) if(cmap.ids[pps[i]]!=null) { tind=cmap.ids[pps[i]]; break; }
- if(tind==-1) throw "no familiar platform and encoding!";
- font["_ctab"]=cmap.tables[tind];
- }
-
- var tab = font["_ctab"], fmt=tab.format, gid = -1; //console.log(fmt); throw "e";
-
- if(fmt==0) {
- if(code>=tab.map.length) gid = 0;
- else gid = tab.map[code];
- }
- /*else if(fmt==2) {
- var data=font["_data"], off = cmap.off+tab.off+6, bin=Typr["B"];
- var shKey = bin.readUshort(data,off + 2*(code>>>8));
- var shInd = off + 256*2 + shKey*8;
-
- var firstCode = bin.readUshort(data,shInd);
- var entryCount= bin.readUshort(data,shInd+2);
- var idDelta = bin.readShort (data,shInd+4);
- var idRangeOffset = bin.readUshort(data,shInd+6);
-
- if(firstCode<=code && code<=firstCode+entryCount) {
- // not completely correct
- gid = bin.readUshort(data, shInd+6+idRangeOffset + (code&255)*2);
- }
- else gid=0;
- //if(code>256) console.log(code,(code>>>8),shKey,firstCode,entryCount,idDelta,idRangeOffset);
-
- //throw "e";
- //console.log(tab, bin.readUshort(data,off));
- //throw "e";
- }*/
- else if(fmt==4) {
- var ec = tab.endCount; gid=0;
- if(code<=ec[ec.length-1]) {
- // smallest index with code <= value
- var sind = arrSearch(ec,1,code);
- if(ec[sind]<code) sind++;
-
- if(code>=tab.startCount[sind]) {
- var gli = 0;
- if(tab.idRangeOffset[sind]!=0) gli = tab.glyphIdArray[(code-tab.startCount[sind]) + (tab.idRangeOffset[sind]>>1) - (tab.idRangeOffset.length-sind)];
- else gli = code + tab.idDelta[sind];
- gid = (gli & 0xFFFF);
- }
- }
- }
- else if(fmt==6) {
- var off = code-tab.firstCode, arr=tab.glyphIdArray;
- if(off<0 || off>=arr.length) gid=0;
- else gid = arr[off];
- }
- else if(fmt==12) {
- var grp = tab.groups; gid=0; //console.log(grp); throw "e";
-
- if(code<=grp[grp.length-2]) {
- var i = arrSearch(grp,3,code);
- if(grp[i]<=code && code<=grp[i+1]) { gid = grp[i+2] + (code-grp[i]); }
- }
- }
- else throw "unknown cmap table format "+tab.format;
-
- //*
- var SVG = font["SVG "], loca = font["loca"];
- // if the font claims to have a Glyph for a character, but the glyph is empty, and the character is not "white", it is a lie!
- if(gid!=0 && font["CFF "]==null && (SVG==null || SVG.entries[gid]==null) && loca && loca[gid]==loca[gid+1] // loca not present in CFF or SVG fonts
- && whm[code]==null ) gid=0;
- //*/
-
- return gid;
- }
- return ctg;
- }(),
- "glyphToPath" : function(font, gid, noColor)
- {
- var path = { cmds:[], crds:[] };
-
-
- var SVG = font["SVG "], CFF = font["CFF "], COLR=font["COLR"], CBLC=font["CBLC"], CBDT=font["CBDT"], sbix=font["sbix"], upng=window["UPNG"];
- var U = Typr["U"];
-
- var strike = null;
- if(CBLC && upng) for(var i=0; i<CBLC.length; i++) if(CBLC[i][0]<=gid && gid<=CBLC[i][1]) strike=CBLC[i];
-
- if(strike || (sbix && sbix[gid])) {
- if(strike && strike[2]!=17) throw "not a PNG";
-
- if(font["__tmp"]==null) font["__tmp"]={};
- var cmd = font["__tmp"]["g"+gid];
- if(cmd==null) {
- var bmp, len;
- if(sbix) { bmp = sbix[gid]; len=bmp.length; }
- else {
- var boff = strike[3][gid-strike[0]]+5; // smallGlyphMetrics
- len = (CBDT[boff+1]<<16)|(CBDT[boff+2]<<8)|CBDT[boff+3]; boff+=4;
- bmp = new Uint8Array(CBDT.buffer, CBDT.byteOffset+boff,len);
- }
- var str = ""; for(var i=0; i<len; i++) str+=String.fromCharCode(bmp[i]);
- cmd = font["__tmp"]["g"+gid] = "data:image/png;base64,"+btoa(str);
- }
-
- path.cmds.push(cmd);
- var upe = font["head"]["unitsPerEm"]*1.15;
- var gw=Math.round(upe), gh=Math.round(upe), dy=Math.round(-gh*0.15);
- path.crds.push(0,gh+dy, gw,gh+dy, gw,dy, 0,dy); //*/
- }
- else if(SVG && SVG.entries[gid]) {
- var p = SVG.entries[gid];
- if(p!=null) {
- if(typeof p == "string") { p = U["SVG"].toPath(p); SVG.entries[gid]=p; }
- path=p;
- }
- }
- else if(noColor!=true && COLR && COLR[0]["g"+gid] && COLR[0]["g"+gid][1]>1) {
-
- function toHex(n){ var o=n.toString(16); return (o.length==1 ? "0":"")+o; }
-
- var CPAL = font["CPAL"], gl = COLR[0]["g"+gid];
- for(var i=0; i<gl[1]; i++) {
- var lid = gl[0]+i;
- var cgl = COLR[1][2*lid], pid=COLR[1][2*lid+1]*4;
- var pth = Typr["U"]["glyphToPath"](font,cgl, cgl==gid);
-
- var col = "#"+toHex(CPAL[pid+2])+toHex(CPAL[pid+1])+toHex(CPAL[pid+0]);
- path.cmds.push(col);
-
- path.cmds=path.cmds.concat(pth["cmds"]);
- path.crds=path.crds.concat(pth["crds"]);
- //console.log(gid, cgl,pid,col);
-
- path.cmds.push("X");
- }
- }
- else if(CFF) {
- var pdct = CFF["Private"];
- var state = {x:0,y:0,stack:[],nStems:0,haveWidth:false,width: pdct ? pdct["defaultWidthX"] : 0,open:false};
- if(CFF["ROS"]) {
- var gi = 0;
- while(CFF["FDSelect"][gi+2]<=gid) gi+=2;
- pdct = CFF["FDArray"][CFF["FDSelect"][gi+1]]["Private"];
- }
- U["_drawCFF"](CFF["CharStrings"][gid], state, CFF, pdct, path);
- }
- else if(font["glyf"]) { U["_drawGlyf"](gid, font, path); }
- return {"cmds":path.cmds, "crds":path.crds};
- },
- "_drawGlyf" : function(gid, font, path)
- {
- var gl = font["glyf"][gid];
- if(gl==null) gl = font["glyf"][gid] = Typr["T"].glyf._parseGlyf(font, gid);
- if(gl!=null){
- if(gl.noc>-1) Typr["U"]["_simpleGlyph"](gl, path);
- else Typr["U"]["_compoGlyph"] (gl, font, path);
- }
- },
- "_simpleGlyph" : function(gl, p)
- {
- var P = Typr["U"]["P"];
- for(var c=0; c<gl.noc; c++) {
- var i0 = (c==0) ? 0 : (gl.endPts[c-1] + 1);
- var il = gl.endPts[c];
-
- for(var i=i0; i<=il; i++) {
- var pr = (i==i0)?il:(i-1);
- var nx = (i==il)?i0:(i+1);
- var onCurve = gl.flags[i]&1;
- var prOnCurve = gl.flags[pr]&1;
- var nxOnCurve = gl.flags[nx]&1;
-
- var x = gl.xs[i], y = gl.ys[i];
-
- if(i==i0) {
- if(onCurve) {
- if(prOnCurve) P.MoveTo(p, gl.xs[pr], gl.ys[pr]);
- else { P.MoveTo(p,x,y); continue; /* will do CurveTo at il */ }
- }
- else {
- if(prOnCurve) P.MoveTo(p, gl.xs[pr], gl.ys[pr] );
- else P.MoveTo(p, Math.floor((gl.xs[pr]+x)*0.5), Math.floor((gl.ys[pr]+y)*0.5) );
- }
- }
- if(onCurve) {
- if(prOnCurve) P.LineTo(p,x,y);
- }
- else {
- if(nxOnCurve) P.qCurveTo(p, x, y, gl.xs[nx], gl.ys[nx]);
- else P.qCurveTo(p, x, y, Math.floor((x+gl.xs[nx])*0.5), Math.floor((y+gl.ys[nx])*0.5) );
- }
- }
- P.ClosePath(p);
- }
- },
- "_compoGlyph" : function(gl, font, p) {
- for(var j=0; j<gl.parts.length; j++) {
- var path = { cmds:[], crds:[] };
- var prt = gl.parts[j];
- Typr["U"]["_drawGlyf"](prt.glyphIndex, font, path);
-
- var m = prt.m;
- for(var i=0; i<path.crds.length; i+=2) {
- var x = path.crds[i ], y = path.crds[i+1];
- p.crds.push(x*m.a + y*m.c + m.tx); // not sure, probably right
- p.crds.push(x*m.b + y*m.d + m.ty);
- }
- for(var i=0; i<path.cmds.length; i++) p.cmds.push(path.cmds[i]);
- }
- },
- "pathToSVG" : function(path, prec)
- {
- var cmds = path["cmds"], crds = path["crds"];
- if(prec==null) prec = 5;
- function num(v) { return parseFloat(v.toFixed(prec)); }
- function merge(o) {
- var no = [], lstF=false, lstC="";
- for(var i=0; i<o.length; i++) {
- var it=o[i], isF=(typeof it)=="number";
- if(!isF) { if(it==lstC && it.length==1 && it!="m") continue; lstC=it; } // move should not be merged (it actually means lineTo)
- if(lstF && isF && it>=0) no.push(" ");
- no.push(it); lstF=isF;
- }
- return no.join("");
- }
-
-
- var out = [], co = 0, lmap = {"M":2,"L":2,"Q":4,"C":6};
- var x =0, y =0, // perfect coords
- //dx=0, dy=0, // relative perfect coords
- //rx=0, ry=0, // relative rounded coords
- ex=0, ey=0, // error between perfect and output coords
- mx=0, my=0; // perfect coords of the last "Move"
-
- for(var i=0; i<cmds.length; i++) {
- var cmd = cmds[i], cc=(lmap[cmd]?lmap[cmd]:0);
-
- var o0=[], dx, dy, rx, ry; // o1=[], cx, cy, ax,ay;
- if(cmd=="L") {
- dx=crds[co]-x; dy=crds[co+1]-y;
- rx = num(dx+ex); ry=num(dy+ey);
- // if this "lineTo" leads to the starting point, and "Z" follows, do not output anything.
- if(cmds[i+1]=="Z" && crds[co]==mx && crds[co+1]==my) { rx=dx; ry=dy; }
- else if(rx==0 && ry==0) {}
- else if(rx==0) o0.push("v",ry);
- else if(ry==0) o0.push("h",rx);
- else { o0.push("l",rx,ry); }
- }
- else {
- o0.push(cmd.toLowerCase());
- for(var j=0; j<cc; j+=2) {
- dx = crds[co+j]-x; dy=crds[co+j+1]-y;
- rx = num(dx+ex); ry=num(dy+ey);
- o0.push(rx,ry);
- }
- }
- if(cc!=0) { ex += dx-rx; ey += dy-ry; }
-
- /*
- if(cmd=="L") {
- cx=crds[co]; cy=crds[co+1];
- ax = num(cx); ay=num(cy);
- // if this "lineTo" leads to the starting point, and "Z" follows, do not output anything.
- if(cmds[i+1]=="Z" && crds[co]==mx && crds[co+1]==my) { ax=cx; ay=cy; }
- else if(ax==num(x) && ay==num(y)) {}
- else if(ax==num(x)) o1.push("V",ay);
- else if(ay==num(y)) o1.push("H",ax);
- else { o1.push("L",ax,ay); }
- }
- else {
- o1.push(cmd);
- for(var j=0; j<cc; j+=2) {
- cx = crds[co+j]; cy=crds[co+j+1];
- ax = num(cx); ay=num(cy);
- o1.push(ax,ay);
- }
- }
- var ou;
- if(merge(o0).length<merge(o1).length) {
- ou = o0;
- if(cc!=0) { ex += dx-rx; ey += dy-ry; }
- }
- else {
- ou = o1;
- if(cc!=0) { ex = cx-ax; ey = cy-ay; }
- }
- */
- var ou=o0;
- for(var j=0; j<ou.length; j++) out.push(ou[j]);
-
- if(cc !=0 ) { co+=cc; x=crds[co-2]; y=crds[co-1]; }
- if(cmd=="M") { mx=x; my=y; }
- if(cmd=="Z") { x=mx; y=my; }
- }
-
- return merge(out);
- },
- "SVGToPath" : function(d) {
- var pth = {cmds:[], crds:[]};
- Typr["U"]["SVG"].svgToPath(d, pth);
- return {"cmds":pth.cmds, "crds":pth.crds};
- },
- "pathToContext" : function() {
- var cnv, ct;
-
- function ptc(path, ctx) {
- var c = 0, cmds = path["cmds"], crds = path["crds"];
-
- //ctx.translate(3500,500); ctx.rotate(0.25); ctx.scale(1,-1);
-
- for(var j=0; j<cmds.length; j++) {
- var cmd = cmds[j];
- if (cmd=="M") {
- ctx.moveTo(crds[c], crds[c+1]);
- c+=2;
- }
- else if(cmd=="L") {
- ctx.lineTo(crds[c], crds[c+1]);
- c+=2;
- }
- else if(cmd=="C") {
- ctx.bezierCurveTo(crds[c], crds[c+1], crds[c+2], crds[c+3], crds[c+4], crds[c+5]);
- c+=6;
- }
- else if(cmd=="Q") {
- ctx.quadraticCurveTo(crds[c], crds[c+1], crds[c+2], crds[c+3]);
- c+=4;
- }
- else if(cmd[0]=="d") {
- var upng=window["UPNG"];
- var x0 = crds[c], y0=crds[c+1], x1=crds[c+2], y1=crds[c+3], x2=crds[c+4], y2=crds[c+5], x3=crds[c+6], y3=crds[c+7]; c+=8;
- //y0+=400; y1+=400; y1+=600;
- if(upng==null) {
- ctx.moveTo(x0,y0); ctx.lineTo(x1,y1); ctx.lineTo(x2,y2); ctx.lineTo(x3,y3); ctx.closePath();
- continue;
- }
- ctx.save();
- var dx0 = (x1-x0), dy0=(y1-y0), gw=Math.sqrt(dx0*dx0+dy0*dy0);
- var rot = Math.atan2(dy0,dx0);
- var dx1 = (x3-x0), dy1=(y3-y0), gh=Math.sqrt(dx1*dx1+dy1*dy1);
- var sgn = Math.sign(dx0*dy1 - dy0*dx1);
-
- var sbmp = atob(cmd.slice(22));
- var bmp = [];
- for(var i=0; i<sbmp.length; i++) bmp[i]=sbmp.charCodeAt(i);
-
- var img = upng["decode"](new Uint8Array(bmp)), w=img["width"], h=img["height"]; //console.log(img);
-
- var nbmp = new Uint8Array(upng["toRGBA8"](img)[0]);
- //*
- if(cnv==null) { cnv = document.createElement("canvas"); ct=cnv.getContext("2d"); }
- if(cnv.width!=w || cnv.height!=h) { cnv.width=w; cnv.height=h; }
-
- ct.putImageData(new ImageData(new Uint8ClampedArray(nbmp.buffer),w,h),0,0);
-
- ctx.translate(x0,y0);
- ctx.rotate(rot);
- ctx.scale(gw*(w/h)/w,sgn*gh/h);
- ctx.drawImage(cnv,0,0); //*/
- ctx.restore();
- }
- else if(cmd.charAt(0)=="#" || cmd.charAt(0)=="r") {
- ctx.beginPath();
- ctx.fillStyle = cmd;
- }
- else if(cmd.charAt(0)=="O" && cmd!="OX") {
- ctx.beginPath();
- var pts = cmd.split("-");
- ctx.lineWidth=parseFloat(pts[2]);
- ctx.strokeStyle = pts[1];
- }
- else if(cmd=="Z") {
- ctx.closePath();
- }
- else if(cmd=="X") {
- ctx.fill();
- }
- else if(cmd=="OX") {
- ctx.stroke();
- }
- }
- }
- return ptc;
- }(),
- "P" : {
- MoveTo : function(p, x, y) { p.cmds.push("M"); p.crds.push(x,y); },
- LineTo : function(p, x, y) { p.cmds.push("L"); p.crds.push(x,y); },
- CurveTo : function(p, a,b,c,d,e,f) { p.cmds.push("C"); p.crds.push(a,b,c,d,e,f); },
- qCurveTo : function(p, a,b,c,d) { p.cmds.push("Q"); p.crds.push(a,b,c,d); },
- ClosePath : function(p) { p.cmds.push("Z"); }
- },
- "_drawCFF" : function(cmds, state, font, pdct, p)
- {
- var stack = state.stack;
- var nStems = state.nStems, haveWidth=state.haveWidth, width=state.width, open=state.open;
- var i=0;
- var x=state.x, y=state.y, c1x=0, c1y=0, c2x=0, c2y=0, c3x=0, c3y=0, c4x=0, c4y=0, jpx=0, jpy=0;
- var CFF = Typr["T"].CFF, P = Typr["U"]["P"];
-
- var nominalWidthX = pdct["nominalWidthX"];
- var o = {val:0,size:0};
- //console.log(cmds);
- while(i<cmds.length)
- {
- CFF.getCharString(cmds, i, o);
- var v = o.val;
- i += o.size;
-
- if(false) {}
- else if(v=="o1" || v=="o18") // hstem || hstemhm
- {
- var hasWidthArg;
- // The number of stem operators on the stack is always even.
- // If the value is uneven, that means a width is specified.
- hasWidthArg = stack.length % 2 !== 0;
- if (hasWidthArg && !haveWidth) {
- width = stack.shift() + nominalWidthX;
- }
- nStems += stack.length >> 1;
- stack.length = 0;
- haveWidth = true;
- }
- else if(v=="o3" || v=="o23") // vstem || vstemhm
- {
- var hasWidthArg;
- // The number of stem operators on the stack is always even.
- // If the value is uneven, that means a width is specified.
- hasWidthArg = stack.length % 2 !== 0;
- if (hasWidthArg && !haveWidth) {
- width = stack.shift() + nominalWidthX;
- }
- nStems += stack.length >> 1;
- stack.length = 0;
- haveWidth = true;
- }
- else if(v=="o4")
- {
- if (stack.length > 1 && !haveWidth) {
- width = stack.shift() + nominalWidthX;
- haveWidth = true;
- }
- if(open) P.ClosePath(p);
- y += stack.pop();
- P.MoveTo(p,x,y); open=true;
- }
- else if(v=="o5")
- {
- while (stack.length > 0) {
- x += stack.shift();
- y += stack.shift();
- P.LineTo(p, x, y);
- }
- }
- else if(v=="o6" || v=="o7") // hlineto || vlineto
- {
- var count = stack.length;
- var isX = (v == "o6");
-
- for(var j=0; j<count; j++) {
- var sval = stack.shift();
-
- if(isX) x += sval; else y += sval;
- isX = !isX;
- P.LineTo(p, x, y);
- }
- }
- else if(v=="o8" || v=="o24") // rrcurveto || rcurveline
- {
- var count = stack.length;
- var index = 0;
- while(index+6 <= count) {
- c1x = x + stack.shift();
- c1y = y + stack.shift();
- c2x = c1x + stack.shift();
- c2y = c1y + stack.shift();
- x = c2x + stack.shift();
- y = c2y + stack.shift();
- P.CurveTo(p, c1x, c1y, c2x, c2y, x, y);
- index+=6;
- }
- if(v=="o24")
- {
- x += stack.shift();
- y += stack.shift();
- P.LineTo(p, x, y);
- }
- }
- else if(v=="o11") break;
- else if(v=="o1234" || v=="o1235" || v=="o1236" || v=="o1237")//if((v+"").slice(0,3)=="o12")
- {
- if(v=="o1234")
- {
- c1x = x + stack.shift(); // dx1
- c1y = y; // dy1
- c2x = c1x + stack.shift(); // dx2
- c2y = c1y + stack.shift(); // dy2
- jpx = c2x + stack.shift(); // dx3
- jpy = c2y; // dy3
- c3x = jpx + stack.shift(); // dx4
- c3y = c2y; // dy4
- c4x = c3x + stack.shift(); // dx5
- c4y = y; // dy5
- x = c4x + stack.shift(); // dx6
- P.CurveTo(p, c1x, c1y, c2x, c2y, jpx, jpy);
- P.CurveTo(p, c3x, c3y, c4x, c4y, x, y);
-
- }
- if(v=="o1235")
- {
- c1x = x + stack.shift(); // dx1
- c1y = y + stack.shift(); // dy1
- c2x = c1x + stack.shift(); // dx2
- c2y = c1y + stack.shift(); // dy2
- jpx = c2x + stack.shift(); // dx3
- jpy = c2y + stack.shift(); // dy3
- c3x = jpx + stack.shift(); // dx4
- c3y = jpy + stack.shift(); // dy4
- c4x = c3x + stack.shift(); // dx5
- c4y = c3y + stack.shift(); // dy5
- x = c4x + stack.shift(); // dx6
- y = c4y + stack.shift(); // dy6
- stack.shift(); // flex depth
- P.CurveTo(p, c1x, c1y, c2x, c2y, jpx, jpy);
- P.CurveTo(p, c3x, c3y, c4x, c4y, x, y);
- }
- if(v=="o1236")
- {
- c1x = x + stack.shift(); // dx1
- c1y = y + stack.shift(); // dy1
- c2x = c1x + stack.shift(); // dx2
- c2y = c1y + stack.shift(); // dy2
- jpx = c2x + stack.shift(); // dx3
- jpy = c2y; // dy3
- c3x = jpx + stack.shift(); // dx4
- c3y = c2y; // dy4
- c4x = c3x + stack.shift(); // dx5
- c4y = c3y + stack.shift(); // dy5
- x = c4x + stack.shift(); // dx6
- P.CurveTo(p, c1x, c1y, c2x, c2y, jpx, jpy);
- P.CurveTo(p, c3x, c3y, c4x, c4y, x, y);
- }
- if(v=="o1237")
- {
- c1x = x + stack.shift(); // dx1
- c1y = y + stack.shift(); // dy1
- c2x = c1x + stack.shift(); // dx2
- c2y = c1y + stack.shift(); // dy2
- jpx = c2x + stack.shift(); // dx3
- jpy = c2y + stack.shift(); // dy3
- c3x = jpx + stack.shift(); // dx4
- c3y = jpy + stack.shift(); // dy4
- c4x = c3x + stack.shift(); // dx5
- c4y = c3y + stack.shift(); // dy5
- if (Math.abs(c4x - x) > Math.abs(c4y - y)) {
- x = c4x + stack.shift();
- } else {
- y = c4y + stack.shift();
- }
- P.CurveTo(p, c1x, c1y, c2x, c2y, jpx, jpy);
- P.CurveTo(p, c3x, c3y, c4x, c4y, x, y);
- }
- }
- else if(v=="o14")
- {
- if (stack.length > 0 && stack.length!=4 && !haveWidth) {
- width = stack.shift() + font["nominalWidthX"];
- haveWidth = true;
- }
- if(stack.length==4) // seac = standard encoding accented character
- {
-
- var asb = 0;
- var adx = stack.shift();
- var ady = stack.shift();
- var bchar = stack.shift();
- var achar = stack.shift();
-
-
- var bind = CFF.glyphBySE(font, bchar);
- var aind = CFF.glyphBySE(font, achar);
-
- //console.log(bchar, bind);
- //console.log(achar, aind);
- //state.x=x; state.y=y; state.nStems=nStems; state.haveWidth=haveWidth; state.width=width; state.open=open;
-
- Typr["U"]["_drawCFF"](font["CharStrings"][bind], state,font,pdct,p);
- state.x = adx; state.y = ady;
- Typr["U"]["_drawCFF"](font["CharStrings"][aind], state,font,pdct,p);
-
- //x=state.x; y=state.y; nStems=state.nStems; haveWidth=state.haveWidth; width=state.width; open=state.open;
- }
- if(open) { P.ClosePath(p); open=false; }
- }
- else if(v=="o19" || v=="o20")
- {
- var hasWidthArg;
- // The number of stem operators on the stack is always even.
- // If the value is uneven, that means a width is specified.
- hasWidthArg = stack.length % 2 !== 0;
- if (hasWidthArg && !haveWidth) {
- width = stack.shift() + nominalWidthX;
- }
- nStems += stack.length >> 1;
- stack.length = 0;
- haveWidth = true;
-
- i += (nStems + 7) >> 3;
- }
-
- else if(v=="o21") {
- if (stack.length > 2 && !haveWidth) {
- width = stack.shift() + nominalWidthX;
- haveWidth = true;
- }
- y += stack.pop();
- x += stack.pop();
-
- if(open) P.ClosePath(p);
- P.MoveTo(p,x,y); open=true;
- }
- else if(v=="o22")
- {
- if (stack.length > 1 && !haveWidth) {
- width = stack.shift() + nominalWidthX;
- haveWidth = true;
- }
-
- x += stack.pop();
-
- if(open) P.ClosePath(p);
- P.MoveTo(p,x,y); open=true;
- }
- else if(v=="o25")
- {
- while (stack.length > 6) {
- x += stack.shift();
- y += stack.shift();
- P.LineTo(p, x, y);
- }
- c1x = x + stack.shift();
- c1y = y + stack.shift();
- c2x = c1x + stack.shift();
- c2y = c1y + stack.shift();
- x = c2x + stack.shift();
- y = c2y + stack.shift();
- P.CurveTo(p, c1x, c1y, c2x, c2y, x, y);
- }
- else if(v=="o26")
- {
- if (stack.length % 2) {
- x += stack.shift();
- }
- while (stack.length > 0) {
- c1x = x;
- c1y = y + stack.shift();
- c2x = c1x + stack.shift();
- c2y = c1y + stack.shift();
- x = c2x;
- y = c2y + stack.shift();
- P.CurveTo(p, c1x, c1y, c2x, c2y, x, y);
- }
- }
- else if(v=="o27")
- {
- if (stack.length % 2) {
- y += stack.shift();
- }
- while (stack.length > 0) {
- c1x = x + stack.shift();
- c1y = y;
- c2x = c1x + stack.shift();
- c2y = c1y + stack.shift();
- x = c2x + stack.shift();
- y = c2y;
- P.CurveTo(p, c1x, c1y, c2x, c2y, x, y);
- }
- }
- else if(v=="o10" || v=="o29") // callsubr || callgsubr
- {
- var obj = (v=="o10" ? pdct : font);
- if(stack.length==0) { console.log("error: empty stack"); }
- else {
- var ind = stack.pop();
- var subr = obj["Subrs"][ ind + obj["Bias"] ];
- state.x=x; state.y=y; state.nStems=nStems; state.haveWidth=haveWidth; state.width=width; state.open=open;
- Typr["U"]["_drawCFF"](subr, state,font,pdct,p);
- x=state.x; y=state.y; nStems=state.nStems; haveWidth=state.haveWidth; width=state.width; open=state.open;
- }
- }
- else if(v=="o30" || v=="o31") // vhcurveto || hvcurveto
- {
- var count, count1 = stack.length;
- var index = 0;
- var alternate = v == "o31";
-
- count = count1 & ~2;
- index += count1 - count;
-
- while ( index < count )
- {
- if(alternate)
- {
- c1x = x + stack.shift();
- c1y = y;
- c2x = c1x + stack.shift();
- c2y = c1y + stack.shift();
- y = c2y + stack.shift();
- if(count-index == 5) { x = c2x + stack.shift(); index++; }
- else x = c2x;
- alternate = false;
- }
- else
- {
- c1x = x;
- c1y = y + stack.shift();
- c2x = c1x + stack.shift();
- c2y = c1y + stack.shift();
- x = c2x + stack.shift();
- if(count-index == 5) { y = c2y + stack.shift(); index++; }
- else y = c2y;
- alternate = true;
- }
- P.CurveTo(p, c1x, c1y, c2x, c2y, x, y);
- index += 4;
- }
- }
-
- else if((v+"").charAt(0)=="o") { console.log("Unknown operation: "+v, cmds); throw v; }
- else stack.push(v);
- }
- //console.log(cmds);
- state.x=x; state.y=y; state.nStems=nStems; state.haveWidth=haveWidth; state.width=width; state.open=open;
- },
- "SVG" : function() {
- var M = {
- getScale : function(m) { return Math.sqrt(Math.abs(m[0]*m[3]-m[1]*m[2])); },
- translate: function(m,x,y) { M.concat(m, [1,0,0,1,x,y]); },
- rotate : function(m,a ) { M.concat(m, [Math.cos(a), -Math.sin(a), Math.sin(a), Math.cos(a),0,0]); },
- scale : function(m,x,y) { M.concat(m, [x,0,0,y,0,0]); },
- concat : function(m,w ) {
- var a=m[0],b=m[1],c=m[2],d=m[3],tx=m[4],ty=m[5];
- m[0] = (a *w[0])+(b *w[2]); m[1] = (a *w[1])+(b *w[3]);
- m[2] = (c *w[0])+(d *w[2]); m[3] = (c *w[1])+(d *w[3]);
- m[4] = (tx*w[0])+(ty*w[2])+w[4]; m[5] = (tx*w[1])+(ty*w[3])+w[5];
- },
- invert : function(m ) {
- var a=m[0],b=m[1],c=m[2],d=m[3],tx=m[4],ty=m[5], adbc=a*d-b*c;
- m[0] = d/adbc; m[1] = -b/adbc; m[2] =-c/adbc; m[3] = a/adbc;
- m[4] = (c*ty - d*tx)/adbc; m[5] = (b*tx - a*ty)/adbc;
- },
- multPoint: function(m, p ) { var x=p[0],y=p[1]; return [x*m[0]+y*m[2]+m[4], x*m[1]+y*m[3]+m[5]]; },
- multArray: function(m, a ) { for(var i=0; i<a.length; i+=2) { var x=a[i],y=a[i+1]; a[i]=x*m[0]+y*m[2]+m[4]; a[i+1]=x*m[1]+y*m[3]+m[5]; } }
- }
-
- function _bracketSplit(str, lbr, rbr) {
- var out = [], pos=0, ci = 0, lvl = 0;
- while(true) { //throw "e";
- var li = str.indexOf(lbr, ci);
- var ri = str.indexOf(rbr, ci);
- if(li==-1 && ri==-1) break;
- if(ri==-1 || (li!=-1 && li<ri)) {
- if(lvl==0) { out.push(str.slice(pos,li).trim()); pos=li+1; }
- lvl++; ci=li+1;
- }
- else if(li==-1 || (ri!=-1 && ri<li)) {
- lvl--;
- if(lvl==0) { out.push(str.slice(pos,ri).trim()); pos=ri+1; }
- ci=ri+1;
- }
- }
- return out;
- }
- //"cssMap":
- function cssMap(str) {
- var pts = _bracketSplit(str, "{", "}");
- var css = {};
- for(var i=0; i<pts.length; i+=2) {
- var cn = pts[i].split(",");
- for(var j=0; j<cn.length; j++) {
- var cnj = cn[j].trim(); if(css[cnj]==null) css[cnj]="";
- css[cnj] += pts[i+1];
- }
- }
- return css;
- }
- //"readTrnf"
- function readTrnf(trna) {
- var pts = _bracketSplit(trna, "(",")");
- var m = [1,0,0,1,0,0];
- for(var i=0; i<pts.length; i+=2) { var om=m; m=_readTrnsAttr(pts[i], pts[i+1]); M.concat(m,om); }
- return m;
- }
-
- function _readTrnsAttr(fnc, vls) {
- //console.log(vls);
- //vls = vls.replace(/\-/g, " -").trim();
- var m = [1,0,0,1,0,0], gotSep = true;
- for(var i=0; i<vls.length; i++) { // matrix(.99915 0 0 .99915.418.552) matrix(1 0 0-.9474-22.535 271.03)
- var ch = vls.charAt(i);
- if(ch=="," || ch==" ") gotSep = true;
- else if(ch==".") {
- if(!gotSep) { vls = vls.slice(0,i) + ","+vls.slice(i); i++; } gotSep = false;
- }
- else if(ch=="-" && i>0 && vls[i-1]!="e") { vls = vls.slice(0,i) + " "+vls.slice(i); i++; gotSep=true; }
- }
-
- vls = vls.split(/\s*[\s,]\s*/).map(parseFloat);
- if(false) {}
- else if(fnc=="translate") { if(vls.length==1) M.translate(m,vls[0], 0); else M.translate(m,vls[0],vls[1]); }
- else if(fnc=="scale" ) { if(vls.length==1) M.scale (m,vls[0],vls[0]); else M.scale (m,vls[0],vls[1]); }
- else if(fnc=="rotate" ) { var tx=0,ty=0; if(vls.length!=1) { tx=vls[1]; ty=vls[2]; } M.translate(m,-tx,-ty); M.rotate(m,-Math.PI*vls[0]/180); M.translate(m,tx,ty); }
- else if(fnc=="matrix" ) m = vls;
- else console.log("unknown transform: ", fnc);
- return m;
- }
-
- function toPath(str)
- {
- var pth = {cmds:[], crds:[]};
- if(str==null) return pth;
-
- var prsr = new DOMParser();
- var doc = prsr["parseFromString"](str,"image/svg+xml");
-
- //var svg = doc.firstChild; while(svg.tagName!="svg") svg = svg.nextSibling;
- var svg = doc.getElementsByTagName("svg")[0];
- var vb = svg.getAttribute("viewBox");
- if(vb) vb = vb.trim().split(" ").map(parseFloat); else vb = [0,0,1000,1000];
- _toPath(svg.children, pth);
- for(var i=0; i<pth.crds.length; i+=2) {
- var x = pth.crds[i], y = pth.crds[i+1];
- x -= vb[0];
- y -= vb[1];
- y = -y;
- pth.crds[i] = x;
- pth.crds[i+1] = y;
- }
- return pth;
- }
- function _toPath(nds, pth, fill) {
- for(var ni=0; ni<nds.length; ni++) {
- var nd = nds[ni], tn = nd.tagName;
- var cfl = nd.getAttribute("fill"); if(cfl==null) cfl = fill;
- if(tn=="g") {
- var tp = {crds:[], cmds:[]};
- _toPath(nd.children, tp, cfl);
- var trf = nd.getAttribute("transform");
- if(trf) {
- var m = readTrnf(trf);
- M.multArray(m, tp.crds);
- }
- pth.crds=pth.crds.concat(tp.crds);
- pth.cmds=pth.cmds.concat(tp.cmds);
- }
- else if(tn=="path" || tn=="circle" || tn=="ellipse") {
- pth.cmds.push(cfl?cfl:"#000000");
- var d;
- if(tn=="path") d = nd.getAttribute("d"); //console.log(d);
- if(tn=="circle" || tn=="ellipse") {
- var vls=[0,0,0,0], nms=["cx","cy","rx","ry","r"];
- for(var i=0; i<5; i++) { var V=nd.getAttribute(nms[i]); if(V) { V=parseFloat(V); if(i<4) vls[i]=V; else vls[2]=vls[3]=V; } }
- var cx=vls[0],cy=vls[1],rx=vls[2],ry=vls[3];
- d = ["M",cx-rx,cy,"a",rx,ry,0,1,0,rx*2,0,"a",rx,ry,0,1,0,-rx*2,0].join(" ");
- }
- svgToPath(d, pth); pth.cmds.push("X");
- }
- else if(tn=="defs") {}
- else console.log(tn, nd);
- }
- }
- function _tokens(d) {
- var ts = [], off = 0, rn=false, cn="", pc="", lc="", nc=0; // reading number, current number, prev char, lastCommand, number count (after last command
- while(off<d.length){
- var cc=d.charCodeAt(off), ch = d.charAt(off); off++;
- var isNum = (48<=cc && cc<=57) || ch=="." || ch=="-" || ch=="+" || ch=="e" || ch=="E";
-
- if(rn) {
- if( ((ch=="+"||ch=="-") && pc!="e") || (ch=="." && cn.indexOf(".")!=-1) || (isNum && (lc=="a"||lc=="A") && ((nc%7)==3||(nc%7)==4))) { ts.push(parseFloat(cn)); nc++; cn=ch; }
- else if(isNum) cn+=ch;
- else { ts.push(parseFloat(cn)); nc++; if(ch!="," && ch!=" ") { ts.push(ch); lc=ch; nc=0; } rn=false; }
- }
- else {
- if(isNum) { cn=ch; rn=true; }
- else if(ch!="," && ch!=" ") { ts.push(ch); lc=ch; nc=0; }
- }
- pc = ch;
- }
- if(rn) ts.push(parseFloat(cn));
- return ts;
- }
-
- function _reps(ts, off, ps) {
- var i = off;
- while(i<ts.length) { if((typeof ts[i]) == "string") break; i+=ps; }
- return (i-off)/ps;
- }
- function svgToPath(d, pth) {
- var ts = _tokens(d);
- var i = 0, x = 0, y = 0, ox = 0, oy = 0, oldo=pth.crds.length;
- var pc = {"M":2,"L":2,"H":1,"V":1, "T":2,"S":4, "A":7, "Q":4, "C":6};
- var cmds = pth.cmds, crds = pth.crds;
-
- while(i<ts.length) {
- var cmd = ts[i]; i++;
- var cmu = cmd.toUpperCase();
-
- if(cmu=="Z") { cmds.push("Z"); x=ox; y=oy; }
- else {
- var ps = pc[cmu], reps = _reps(ts, i, ps);
-
- for(var j=0; j<reps; j++) {
- // If a moveto is followed by multiple pairs of coordinates, the subsequent pairs are treated as implicit lineto commands.
- if(j==1 && cmu=="M") { cmd=(cmd==cmu)?"L":"l"; cmu="L"; }
-
- var xi = 0, yi = 0; if(cmd!=cmu) { xi=x; yi=y; }
-
- if(false) {}
- else if(cmu=="M") { x = xi+ts[i++]; y = yi+ts[i++]; cmds.push("M"); crds.push(x,y); ox=x; oy=y; }
- else if(cmu=="L") { x = xi+ts[i++]; y = yi+ts[i++]; cmds.push("L"); crds.push(x,y); }
- else if(cmu=="H") { x = xi+ts[i++]; cmds.push("L"); crds.push(x,y); }
- else if(cmu=="V") { y = yi+ts[i++]; cmds.push("L"); crds.push(x,y); }
- else if(cmu=="Q") {
- var x1=xi+ts[i++], y1=yi+ts[i++], x2=xi+ts[i++], y2=yi+ts[i++];
- cmds.push("Q"); crds.push(x1,y1,x2,y2); x=x2; y=y2;
- }
- else if(cmu=="T") {
- var co = Math.max(crds.length-(cmds[cmds.length-1]=="Q"?4:2), oldo);
- var x1 = x+x-crds[co], y1 = y+y-crds[co+1];
- var x2=xi+ts[i++], y2=yi+ts[i++];
- cmds.push("Q"); crds.push(x1,y1,x2,y2); x=x2; y=y2;
- }
- else if(cmu=="C") {
- var x1=xi+ts[i++], y1=yi+ts[i++], x2=xi+ts[i++], y2=yi+ts[i++], x3=xi+ts[i++], y3=yi+ts[i++];
- cmds.push("C"); crds.push(x1,y1,x2,y2,x3,y3); x=x3; y=y3;
- }
- else if(cmu=="S") {
- var co = Math.max(crds.length-(cmds[cmds.length-1]=="C"?4:2), oldo);
- var x1 = x+x-crds[co], y1 = y+y-crds[co+1];
- var x2=xi+ts[i++], y2=yi+ts[i++], x3=xi+ts[i++], y3=yi+ts[i++];
- cmds.push("C"); crds.push(x1,y1,x2,y2,x3,y3); x=x3; y=y3;
- }
- else if(cmu=="A") { // convert SVG Arc to four cubic bézier segments "C"
- var x1 = x, y1 = y;
- var rx = ts[i++], ry = ts[i++];
- var phi = ts[i++]*(Math.PI/180), fA = ts[i++], fS = ts[i++];
- var x2 = xi+ts[i++], y2 = yi+ts[i++];
- if(x2==x && y2==y && rx==0 && ry==0) continue;
-
- var hdx = (x1-x2)/2, hdy = (y1-y2)/2;
- var cosP = Math.cos(phi), sinP = Math.sin(phi);
- var x1A = cosP * hdx + sinP * hdy;
- var y1A = -sinP * hdx + cosP * hdy;
-
- var rxS = rx*rx, ryS = ry*ry;
- var x1AS = x1A*x1A, y1AS = y1A*y1A;
- var frc = (rxS*ryS - rxS*y1AS - ryS*x1AS) / (rxS*y1AS + ryS*x1AS);
- var coef = (fA!=fS ? 1 : -1) * Math.sqrt( Math.max(frc,0) );
- var cxA = coef * (rx * y1A) / ry;
- var cyA = -coef * (ry * x1A) / rx;
-
- var cx = cosP*cxA - sinP*cyA + (x1+x2)/2;
- var cy = sinP*cxA + cosP*cyA + (y1+y2)/2;
-
- var angl = function(ux,uy,vx,vy) { var lU = Math.sqrt(ux*ux+uy*uy), lV = Math.sqrt(vx*vx+vy*vy);
- var num = (ux*vx+uy*vy) / (lU*lV); //console.log(num, Math.acos(num));
- return (ux*vy-uy*vx>=0?1:-1) * Math.acos( Math.max(-1, Math.min(1, num)) ); }
-
- var vX = (x1A-cxA)/rx, vY = (y1A-cyA)/ry;
- var theta1 = angl( 1, 0, vX,vY);
- var dtheta = angl(vX,vY, (-x1A-cxA)/rx, (-y1A-cyA)/ry);
- dtheta = dtheta % (2*Math.PI);
-
- var arc = function(gst,x,y,r,a0,a1, neg) {
- var rotate = function(m, a) { var si=Math.sin(a), co=Math.cos(a);
- var a=m[0],b=m[1],c=m[2],d=m[3];
- m[0] = (a *co)+(b *si); m[1] = (-a *si)+(b *co);
- m[2] = (c *co)+(d *si); m[3] = (-c *si)+(d *co);
- }
- var multArr= function(m,a) {
- for(var j=0; j<a.length; j+=2) {
- var x=a[j], y=a[j+1];
- a[j ] = m[0]*x + m[2]*y + m[4];
- a[j+1] = m[1]*x + m[3]*y + m[5];
- }
- }
- var concatA= function(a,b) { for(var j=0; j<b.length; j++) a.push(b[j]); }
- var concatP= function(p,r) { concatA(p.cmds,r.cmds); concatA(p.crds,r.crds); }
- // circle from a0 counter-clock-wise to a1
- if(neg) while(a1>a0) a1-=2*Math.PI;
- else while(a1<a0) a1+=2*Math.PI;
- var th = (a1-a0)/4;
-
- var x0 = Math.cos(th/2), y0 = -Math.sin(th/2);
- var x1 = (4-x0)/3, y1 = y0==0 ? y0 : (1-x0)*(3-x0)/(3*y0);
- var x2 = x1, y2 = -y1;
- var x3 = x0, y3 = -y0;
-
- var ps = [x1,y1,x2,y2,x3,y3];
-
- var pth = {cmds:["C","C","C","C"], crds:ps.slice(0)};
- var rot = [1,0,0,1,0,0]; rotate(rot,-th);
- for(var j=0; j<3; j++) { multArr(rot,ps); concatA(pth.crds,ps); }
-
- rotate(rot, -a0+th/2); rot[0]*=r; rot[1]*=r; rot[2]*=r; rot[3]*=r; rot[4]=x; rot[5]=y;
- multArr(rot, pth.crds);
- multArr(gst.ctm, pth.crds);
- concatP(gst.pth, pth);
- }
-
- var gst = {pth:pth, ctm:[rx*cosP,rx*sinP,-ry*sinP,ry*cosP,cx,cy]};
- arc(gst, 0,0, 1, theta1, theta1+dtheta, fS==0);
- x=x2; y=y2;
- }
- else console.log("Unknown SVG command "+cmd);
- }
- }
- }
- };
- return { "cssMap":cssMap, "readTrnf":readTrnf, svgToPath:svgToPath, toPath:toPath };
- }(),
-
-
- "initHB": function(hurl,resp) {
- var codeLength = function(code) {
- var len=0;
- if ((code&(0xffffffff-(1<< 7)+1))==0) { len=1; }
- else if((code&(0xffffffff-(1<<11)+1))==0) { len=2; }
- else if((code&(0xffffffff-(1<<16)+1))==0) { len=3; }
- else if((code&(0xffffffff-(1<<21)+1))==0) { len=4; }
- return len;
- }
-
- fetch(hurl)
- .then(function (x ) { return x["arrayBuffer"](); })
- .then(function (ab ) { return WebAssembly["instantiate"](ab); })
- .then(function (res) {
- console.log("HB ready");
- var exp = res["instance"]["exports"], mem=exp["memory"];
- //mem["grow"](30); // each page is 64kb in size
- var heapu8, u32,i32;
- var __lastFnt, blob,blobPtr,face,font;
-
- Typr["U"]["shapeHB"] = (function () {
-
- var toJson = function (ptr) {
- var length = exp["hb_buffer_get_length"](ptr);
- var result = [];
- var iPtr32 = exp["hb_buffer_get_glyph_infos"](ptr, 0) >>>2;
- var pPtr32 = exp["hb_buffer_get_glyph_positions"](ptr, 0) >>>2;
- for(var i=0; i<length; ++i) {
- var a=iPtr32+i*5, b=pPtr32+i*5;
- result.push({
- "g" : u32[a + 0],
- "cl": u32[a + 2],
- "ax": i32[b + 0],
- "ay": i32[b + 1],
- "dx": i32[b + 2],
- "dy": i32[b + 3]
- });
- }
- //console.log(result);
- return result;
- }
- var te;
-
- return function (fnt, str, ltr) {
- var fdata = fnt["_data"], fn = fnt["name"]["postScriptName"];
-
- var olen = mem.buffer.byteLength, nlen = 2*fdata.length+str.length*16 + 4e6;
- if(olen<nlen) {
- mem["grow"](((nlen-olen)>>>16)+4); //console.log("growing",nlen);
- }
- heapu8 = new Uint8Array (mem.buffer);
- u32 = new Uint32Array(mem.buffer);
- i32 = new Int32Array (mem.buffer);
-
- if(__lastFnt!=fn) {
- if(blob!=null) {
- exp["hb_blob_destroy"](blob);
- exp["free"](blobPtr);
- exp["hb_face_destroy"](face);
- exp["hb_font_destroy"](font);
- }
- blobPtr = exp["malloc"](fdata.byteLength); heapu8.set(fdata, blobPtr);
- blob = exp["hb_blob_create"](blobPtr, fdata.byteLength, 2, 0, 0);
- face = exp["hb_face_create"](blob, 0);
- font = exp["hb_font_create"](face)
- __lastFnt = fn;
- }
- if(window["TextEncoder"]==null) { alert("Your browser is too old. Please, update it."); return; }
- if(te==null) te = new window["TextEncoder"]("utf8");
-
- var buffer = exp["hb_buffer_create"]();
- var bytes = te["encode"](str);
- var len=bytes.length, strp = exp["malloc"](len); heapu8.set(bytes, strp);
- exp["hb_buffer_add_utf8"](buffer, strp, len, 0, len);
- exp["free"](strp);
-
- exp["hb_buffer_set_direction"](buffer,ltr?4:5);
- exp["hb_buffer_guess_segment_properties"](buffer);
- exp["hb_shape"](font, buffer, 0, 0);
- var json = toJson(buffer)//buffer["json"]();
- exp["hb_buffer_destroy"](buffer);
-
- var arr = json.slice(0); if(!ltr) arr.reverse();
- var ci=0, bi=0; // character index, binary index
- for(var i=1; i<arr.length; i++) {
- var gl = arr[i], cl=gl["cl"];
- while(true) {
- var cpt = str.codePointAt(ci), cln = codeLength(cpt);
- if(bi+cln <=cl) { bi+=cln; ci += cpt<=0xffff ? 1 : 2; }
- else break;
- }
- //while(bi+codeLength(str.charCodeAt(ci)) <=cl) { bi+=codeLength(str.charCodeAt(ci)); ci++; }
- gl["cl"]=ci;
- }
- return json;
- }
- }());
- resp();
- });
- }
- }
|