123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223 |
- /* -*- Mode: Javascript; indent-tabs-mode:nil; js-indent-level: 2 -*- */
- /* vim: set ts=2 et sw=2 tw=80: */
- /*************************************************************
- *
- * MathJax/jax/output/SVG/autoload/menclose.js
- *
- * Implements the SVG output for <menclose> elements.
- *
- * ---------------------------------------------------------------------
- *
- * Copyright (c) 2011-2013 The MathJax Consortium
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
- MathJax.Hub.Register.StartupHook("SVG Jax Ready",function () {
- var VERSION = "2.2";
- var MML = MathJax.ElementJax.mml,
- SVG = MathJax.OutputJax.SVG,
- BBOX = SVG.BBOX;
-
- BBOX.ELLIPSE = BBOX.Subclass({
- type: "ellipse", removeable: false,
- Init: function (h,d,w,t,color,def) {
- if (def == null) {def = {}}; def.fill = "none";
- if (color) {def.stroke = color}
- def["stroke-width"] = t.toFixed(2).replace(/\.?0+$/,"");
- def.cx = Math.floor(w/2); def.cy = Math.floor((h+d)/2-d);
- def.rx = Math.floor((w-t)/2); def.ry = Math.floor((h+d-t)/2);
- this.SUPER(arguments).Init.call(this,def);
- this.w = this.r = w; this.h = this.H = h;
- this.d = this.D = d; this.l = 0;
- }
- });
-
- BBOX.DLINE = BBOX.Subclass({
- type: "line", removeable: false,
- Init: function (h,d,w,t,color,updown,def) {
- if (def == null) {def = {}}; def.fill = "none";
- if (color) {def.stroke = color}
- def["stroke-width"] = t.toFixed(2).replace(/\.?0+$/,"");
- if (updown == "up") {
- def.x1 = Math.floor(t/2); def.y1 = Math.floor(t/2-d);
- def.x2 = Math.floor(w-t/2); def.y2 = Math.floor(h-t/2);
- } else {
- def.x1 = Math.floor(t/2); def.y1 = Math.floor(h-t/2);
- def.x2 = Math.floor(w-t/2); def.y2 = Math.floor(t/2-d);
- }
- this.SUPER(arguments).Init.call(this,def);
- this.w = this.r = w; this.h = this.H = h;
- this.d = this.D = d; this.l = 0;
- }
- });
-
- BBOX.FPOLY = BBOX.Subclass({
- type: "polygon", removeable: false,
- Init: function (points,color,def) {
- if (def == null) {def = {}}
- if (color) {def.fill = color}
- var P = [], mx = 100000000, my = mx, Mx = -mx, My = Mx;
- for (var i = 0, m = points.length; i < m; i++) {
- var x = points[i][0], y = points[i][1];
- if (x > Mx) {Mx = x}; if (x < mx) {mx = x}
- if (y > My) {My = y}; if (y < my) {my = y}
- P.push(Math.floor(x)+","+Math.floor(y));
- }
- def.points = P.join(" ");
- this.SUPER(arguments).Init.call(this,def);
- this.w = this.r = Mx; this.h = this.H = My;
- this.d = this.D = -my; this.l = -mx;
- }
- });
- BBOX.PPATH = BBOX.Subclass({
- type: "path", removeable: false,
- Init: function (h,d,w,p,t,color,def) {
- if (def == null) {def = {}}; def.fill = "none";
- if (color) {def.stroke = color}
- def["stroke-width"] = t.toFixed(2).replace(/\.?0+$/,"");
- def.d = p;
- this.SUPER(arguments).Init.call(this,def);
- this.w = this.r = w; this.h = this.H = h+d;
- this.d = this.D = this.l = 0; this.y = -d;
- }
- });
-
- MML.menclose.Augment({
- toSVG: function (HW,DD) {
- this.SVGgetStyles();
- var svg = this.SVG();
- this.SVGhandleSpace(svg);
- var base = this.SVGdataStretched(0,HW,DD);
- var values = this.getValues("notation","thickness","padding","mathcolor","color");
- if (values.color && !this.mathcolor) {values.mathcolor = values.color}
- if (values.thickness == null) {values.thickness = ".075em"}
- if (values.padding == null) {values.padding = ".2em"}
- var mu = this.SVGgetMu(svg), scale = this.SVGgetScale();
- var p = SVG.length2em(values.padding,mu,1/SVG.em) * scale; // padding for enclosure
- var t = SVG.length2em(values.thickness,mu,1/SVG.em); // thickness of lines (not scaled, see issue #414)
- var H = base.h+p+t, D = base.d+p+t, W = base.w+2*(p+t);
- var notation = MathJax.Hub.SplitList(values.notation);
- var dx = 0, w, h, i, m, borders = [false,false,false,false];
- if (!values.mathcolor) {values.mathcolor = "black"}
-
- for (i = 0, m = notation.length; i < m; i++) {
- switch (notation[i]) {
- case MML.NOTATION.BOX:
- borders = [true,true,true,true];
- break;
- case MML.NOTATION.ROUNDEDBOX:
- svg.Add(BBOX.FRAME(H,D,W,t,"solid",values.mathcolor,
- {rx:Math.floor(Math.min(H+D-t,W-t)/4)}));
- break;
-
- case MML.NOTATION.CIRCLE:
- svg.Add(BBOX.ELLIPSE(H,D,W,t,values.mathcolor));
- break;
- case MML.NOTATION.ACTUARIAL:
- borders[0] = true;
- case MML.NOTATION.RIGHT:
- borders[1] = true;
- break;
- case MML.NOTATION.LEFT:
- borders[3] = true;
- break;
-
- case MML.NOTATION.TOP:
- borders[0] = true;
- break;
-
- case MML.NOTATION.BOTTOM:
- borders[2] = true;
- break;
-
- case MML.NOTATION.VERTICALSTRIKE:
- svg.Add(BBOX.VLINE(H+D,t,"solid",values.mathcolor),(W-t)/2,-D);
- break;
-
- case MML.NOTATION.HORIZONTALSTRIKE:
- svg.Add(BBOX.HLINE(W,t,"solid",values.mathcolor),0,(H+D-t)/2-D);
- break;
- case MML.NOTATION.UPDIAGONALSTRIKE:
- if (this.arrow) {
- var l = Math.sqrt(W*W + (H+D)*(H+D)), f = 1/l * 10/SVG.em * t/.075;
- w = W * f; h = (H+D) * f; var x = .4*h;
- svg.Add(BBOX.DLINE(H-.5*h,D,W-.5*w,t,values.mathcolor,"up"));
- svg.Add(BBOX.FPOLY(
- [[x+w,h], [x-.4*h,.4*w], [x+.3*w,.3*h], [x+.4*h,-.4*w], [x+w,h]],
- values.mathcolor),W-w-x,H-h);
- } else {
- svg.Add(BBOX.DLINE(H,D,W,t,values.mathcolor,"up"));
- }
- break;
- case MML.NOTATION.DOWNDIAGONALSTRIKE:
- svg.Add(BBOX.DLINE(H,D,W,t,values.mathcolor,"down"));
- break;
- case MML.NOTATION.MADRUWB:
- borders[1] = borders[2] = true;
- break;
- case MML.NOTATION.RADICAL:
- svg.Add(BBOX.PPATH(H,D,W,
- "M "+this.SVGxy(t/2,.4*(H+D)) +
- " L "+this.SVGxy(p,t/2) +
- " L "+this.SVGxy(2*p,H+D-t/2) +
- " L "+this.SVGxy(W,H+D-t/2),
- t,values.mathcolor),0,t);
- dx = p;
- break;
-
- case MML.NOTATION.LONGDIV:
- svg.Add(BBOX.PPATH(H,D,W,
- "M "+this.SVGxy(t/2,t/2) +
- " a "+this.SVGxy(p,(H+D)/2-2*t) + " 0 0,1 " + this.SVGxy(t/2,H+D-t) +
- " L "+this.SVGxy(W,H+D-t/2),
- t,values.mathcolor),0,t/2);
- dx = p;
- break;
- }
- }
- var sides = [["H",W,0,H-t],["V",H+D,W-t,-D],["H",W,0,-D],["V",H+D,0,-D]];
- for (i = 0; i < 4; i++) {
- if (borders[i]) {
- var side = sides[i];
- svg.Add(BBOX[side[0]+"LINE"](side[1],t,"solid",values.mathcolor),side[2],side[3]);
- }
- }
- svg.Add(base,dx+p+t,0,false,true);
- svg.Clean();
- this.SVGhandleSpace(svg);
- this.SVGhandleColor(svg);
- this.SVGsaveData(svg);
- return svg;
- },
-
- SVGxy: function (x,y) {return Math.floor(x)+","+Math.floor(y)}
-
- });
-
- MathJax.Hub.Startup.signal.Post("SVG menclose Ready");
- MathJax.Ajax.loadComplete(SVG.autoloadDir+"/menclose.js");
-
- });
|