X-Git-Url: http://lambda.jimpryor.net/git/gitweb.cgi?a=blobdiff_plain;f=jsMath%2Fextensions%2Fbbox.js;fp=jsMath%2Fextensions%2Fbbox.js;h=e2b3670252ff9e8e23cdde7cbb2cb5ad52a2797d;hb=f084723ab17e56d39e05a8a8da8d976e670dfd42;hp=0000000000000000000000000000000000000000;hpb=b3b3c1c988e48e53f295529431d640528bb17927;p=lambda.git diff --git a/jsMath/extensions/bbox.js b/jsMath/extensions/bbox.js new file mode 100644 index 00000000..e2b36702 --- /dev/null +++ b/jsMath/extensions/bbox.js @@ -0,0 +1,113 @@ +/* + * extensions/bbox.js + * + * Part of the jsMath package for mathematics on the web. + * + * This file implements the \bbox macro, which creates an HTML box that + * can be styled (for background colors, and so on). You can include + * an optional dimension that tells how much extra padding to include + * around the bounding box for the mathematics. E.g., + * + * \bbox[2pt]{x+y} % an invisible box around x+y with 2pt of extra space + * \bbox[green]{x+y} % a green box around x+y + * \bbox[green,2pt]{x+y} % a green box with 2pt of extra space + * \bbox[yellow,2pt,border:1px solid red]{x+y} + * % a yellow box with a red border and 2pt space + * + * This extension is loaded automatically when needed, or you can call + * it directly via + * + * jsMath.Extension.Require('bbox'); + * + * --------------------------------------------------------------------- + * + * Copyright 2006 by Davide P. Cervone + * + * 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. + */ + +/********************************************************************/ + +jsMath.Add(jsMath.HTML,{ + + /* + * Create a colored bbounding box + */ + BBox: function (w,h,d,c,s) { + if (w <= 0) {return ''} + if (d == null) {d = 0} + var style = (jsMath.Browser.msieInlineBlockFix ? '' : 'overflow:visible;'); + style += 'width:'+this.Em(w)+'; height:'+this.Em(h+d)+';'; + if (jsMath.Browser.mozInlineBlockBug) {d = -h} + if (jsMath.Browser.msieInlineBlockFix) {d -= jsMath.d} + if (d) {style += ' vertical-align:'+this.Em(-d)+';'} + if (c) {style += ' background-color:'+c+';'} + var html = ''; + return html; + } + +}); + +jsMath.Add(jsMath.mList.prototype.Atomize,{ + /* + * Creates the box HTML + */ + bbox: function (style,size,mitem,prev,mlist) { + var box; var w; var h; var d; + var nuc = mitem.nuc = jsMath.Box.Set(mitem.nuc,style,size).Remeasured(); + if (box == null) {w = nuc.w; h = nuc.h; d = nuc.d} // values before super/subs-cript + var nuc = mitem.nuc; nuc.Styled(); var pad = mitem.pad; + if (pad) {w += 2*pad; h += pad; d += pad; nuc.w += pad} + if (jsMath.Browser.msieCenterBugFix) + {nuc.html = ''+nuc.html+''} + nuc.html = + jsMath.HTML.BBox(w,h,d,mitem.color,mitem.style) + + jsMath.HTML.Spacer(pad-w) + + nuc.html; + nuc.Remeasured(); + if (pad && nuc.w < w) { + nuc.html += jsMath.HTML.Spacer(w-nuc.w); + nuc.w = w; + } + nuc.h = Math.max(nuc.h,h); nuc.d = Math.max(nuc.d,d); + nuc.bh = Math.max(nuc.bh,nuc.h); nuc.bd = Math.max(nuc.bd,nuc.d); + mitem.type = 'ord'; + jsMath.mList.prototype.Atomize.SupSub(style,size,mitem); + } +}); + +jsMath.Package(jsMath.Parser,{ + + macros: {bbox: 'BBox'}, + + /* + * Implement \bbox[...]{...} + */ + BBox: function (name) { + var extra = this.GetBrackets(this.cmd+name); if (this.error) return; + var arg = this.GetArgument(this.cmd+name); if (this.error) return; + var nuc = this.Process(arg); if (this.error) return; + var color; var pad = 0; var style = ''; + if (extra != '') { + var parts = extra.split(/,/); + for (var i in parts) { + if (parts[i].match(/^\s*([-+]?(\.\d+|\d+(\.\d*)?))(pt|em|ex|mu|px)\s*$/)) + {pad = this.ParseDimen(parts[i],'',0,1)} + else if (parts[i].match(/:/)) {style = parts[i]} + else {color = parts[i]} + } + } + var atom = {nuc: nuc, atom: 1, pad: pad, color: color, style: style}; + this.mlist.Add(new jsMath.mItem('bbox',atom)); + } +});