jsMath/extensions/bbox.js

   1 /*
   2  *  extensions/bbox.js
   3  *
   4  *  Part of the jsMath package for mathematics on the web.
   5  *
   6  *  This file implements the \bbox macro, which creates an HTML box that
   7  *  can be styled (for background colors, and so on).  You can include
   8  *  an optional dimension that tells how much extra padding to include
   9  *  around the bounding box for the mathematics.  E.g.,
  10  *
  11  *    \bbox[2pt]{x+y}        %  an invisible box around x+y with 2pt of extra space
  12  *    \bbox[green]{x+y}      %  a green box around x+y
  13  *    \bbox[green,2pt]{x+y}  %  a green box with 2pt of extra space
  14  *    \bbox[yellow,2pt,border:1px solid red]{x+y}
  15  *                           %  a yellow box with a red border and 2pt space
  16  *
  17  *  This extension is loaded automatically when needed, or you can call
  18  *  it directly via
  19  *
  20  *    jsMath.Extension.Require('bbox');
  21  *
  22  *  ---------------------------------------------------------------------
  23  *
  24  *  Copyright 2006 by Davide P. Cervone
  25  *
  26  *  Licensed under the Apache License, Version 2.0 (the "License");
  27  *  you may not use this file except in compliance with the License.
  28  *  You may obtain a copy of the License at
  29  *
  30  *      http://www.apache.org/licenses/LICENSE-2.0
  31  *
  32  *  Unless required by applicable law or agreed to in writing, software
  33  *  distributed under the License is distributed on an "AS IS" BASIS,
  34  *  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  35  *  See the License for the specific language governing permissions and
  36  *  limitations under the License.
  37  */
  38
  39 /********************************************************************/
  40
  41 jsMath.Add(jsMath.HTML,{
  42
  43   /*
  44    *  Create a colored bbounding box
  45    */
  46   BBox: function (w,h,d,c,s) {
  47     if (w <= 0) {return ''}
  48     if (d == null) {d = 0}
  49     var style = (jsMath.Browser.msieInlineBlockFix ? '' : 'overflow:visible;');
  50     style += 'width:'+this.Em(w)+'; height:'+this.Em(h+d)+';';
  51     if (jsMath.Browser.mozInlineBlockBug) {d = -h}
  52     if (jsMath.Browser.msieInlineBlockFix) {d -= jsMath.d}
  53     if (d) {style += ' vertical-align:'+this.Em(-d)+';'}
  54     if (c) {style += ' background-color:'+c+';'}
  55     var html = '<span class="blank" style="'+style+s+'"></span>';
  56     return html;
  57   }
  58
  59 });
  60
  61 jsMath.Add(jsMath.mList.prototype.Atomize,{
  62   /*
  63    *  Creates the box HTML
  64    */
  65   bbox: function (style,size,mitem,prev,mlist) {
  66     var box; var w; var h; var d;
  67     var nuc = mitem.nuc = jsMath.Box.Set(mitem.nuc,style,size).Remeasured();
  68     if (box == null) {w = nuc.w; h = nuc.h; d = nuc.d} // values before super/subs-cript
  69     var nuc = mitem.nuc; nuc.Styled(); var pad = mitem.pad;
  70     if (pad) {w += 2*pad; h += pad; d += pad; nuc.w += pad}
  71     if (jsMath.Browser.msieCenterBugFix)
  72       {nuc.html = '<span style="position:relative">'+nuc.html+'</span>'}
  73     nuc.html =
  74       jsMath.HTML.BBox(w,h,d,mitem.color,mitem.style) +
  75       jsMath.HTML.Spacer(pad-w) +
  76       nuc.html;
  77     nuc.Remeasured();
  78     if (pad && nuc.w < w) {
  79       nuc.html += jsMath.HTML.Spacer(w-nuc.w);
  80       nuc.w = w;
  81     }
  82     nuc.h  = Math.max(nuc.h,h);  nuc.d  = Math.max(nuc.d,d);
  83     nuc.bh = Math.max(nuc.bh,nuc.h); nuc.bd = Math.max(nuc.bd,nuc.d);
  84     mitem.type = 'ord';
  85     jsMath.mList.prototype.Atomize.SupSub(style,size,mitem);
  86   }
  87 });
  88
  89 jsMath.Package(jsMath.Parser,{
  90
  91   macros: {bbox: 'BBox'},
  92
  93   /*
  94    *  Implement \bbox[...]{...}
  95    */
  96   BBox: function (name) {
  97     var extra = this.GetBrackets(this.cmd+name); if (this.error) return;
  98     var arg = this.GetArgument(this.cmd+name); if (this.error) return;
  99     var nuc = this.Process(arg); if (this.error) return;
 100     var color; var pad = 0; var style = '';
 101     if (extra != '') {
 102       var parts = extra.split(/,/);
 103       for (var i in parts) {
 104         if (parts[i].match(/^\s*([-+]?(\.\d+|\d+(\.\d*)?))(pt|em|ex|mu|px)\s*$/))
 105           {pad = this.ParseDimen(parts[i],'',0,1)}
 106         else if (parts[i].match(/:/)) {style = parts[i]}
 107         else {color = parts[i]}
 108       }
 109     }
 110     var atom = {nuc: nuc, atom: 1, pad: pad, color: color, style: style};
 111     this.mlist.Add(new jsMath.mItem('bbox',atom));
 112   }
 113 });