[Sommaire] [Imprimer]

   1  /***********************************************************************
   2  ** Title.........:  Javascript Graphics
   3  ** Version.......:  1.0
   4  ** Author........:  Xiang Wei ZHUO <wei@zhuo.org>
   5  ** Filename......:  wz_jsgraphics.js
   6  ** Last changed..:  31 Aug 2003  
   7  ** Notes.........:  Modified for Image Editor, added extra commands
   8  **/ 
   9  
  10  /* This notice must be untouched at all times.
  11  
  12  wz_jsgraphics.js    v. 2.03
  13  The latest version is available at
  14  http://www.walterzorn.com
  15  or http://www.devira.com
  16  or http://www.walterzorn.de
  17  
  18  Copyright (c) 2002-2003 Walter Zorn. All rights reserved.
  19  Created 3. 11. 2002 by Walter Zorn <walter@kreuzotter.de>
  20  Last modified: 11. 6. 2003
  21  
  22  High Performance JavaScript Graphics Library.
  23  Provides methods
  24  - to draw lines, rectangles, ellipses, polygons
  25    with specifiable line thickness,
  26  - to fill rectangles and ellipses
  27  - to draw text.
  28  NOTE: Operations, functions and branching have rather been optimized
  29  to efficiency and speed than to shortness of source code.
  30  
  31  This program is free software;
  32  you can redistribute it and/or modify it under the terms of the
  33  GNU General Public License as published by the Free Software Foundation;
  34  either version 2 of the License, or (at your option) any later version.
  35  This program is distributed in the hope that it will be useful,
  36  but WITHOUT ANY WARRANTY;
  37  without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.
  38  See the GNU General Public License
  39  at http://www.gnu.org/copyleft/gpl.html for more details.
  40  */
  41  
  42  
  43  
  44  
  45  
  46  var jg_ihtm, jg_ie, jg_dom,
  47  jg_n4 = (document.layers && typeof document.classes != "undefined");
  48  
  49  
  50  
  51  
  52  
  53  function chkDHTM(x, i)
  54  {
  55      x = document.body || null;
  56      jg_ie = (x && typeof x.insertAdjacentHTML != "undefined");
  57      jg_dom = (x && !jg_ie &&
  58          typeof x.appendChild != "undefined" &&
  59          typeof document.createRange != "undefined" &&
  60          typeof (i = document.createRange()).setStartBefore != "undefined" &&
  61          typeof i.createContextualFragment != "undefined");
  62      jg_ihtm = (!jg_ie && !jg_dom && x && typeof x.innerHTML != "undefined");
  63  }
  64  
  65  
  66  
  67  
  68  
  69  function pntDoc()
  70  {
  71      this.wnd.document.write(this.htm);
  72      this.htm = '';
  73  }
  74  
  75  
  76  
  77  
  78  
  79  function pntCnvDom()
  80  {
  81      var x = document.createRange();
  82      x.setStartBefore(this.cnv);
  83      x = x.createContextualFragment(this.htm);
  84      this.cnv.appendChild(x);
  85      this.htm = '';
  86  }
  87  
  88  
  89  
  90  
  91  
  92  function pntCnvIe()
  93  {
  94      this.cnv.insertAdjacentHTML("BeforeEnd", this.htm);
  95      this.htm = '';
  96  }
  97  
  98  
  99  
 100  
 101  
 102  function pntCnvIhtm()
 103  {
 104      this.cnv.innerHTML += this.htm;
 105      this.htm = '';
 106  }
 107  
 108  
 109  
 110  
 111  
 112  function pntCnv()
 113  {
 114      this.htm = '';
 115  }
 116  
 117  
 118  
 119  
 120  
 121  function mkDiv(x, y, w, h)
 122  {
 123      this.htm += '<div style="position:absolute;'+
 124          'left:' + x + 'px;'+
 125          'top:' + y + 'px;'+
 126          'width:' + w + 'px;'+
 127          'height:' + h + 'px;'+
 128          'clip:rect(0,'+w+'px,'+h+'px,0);'+
 129          'overflow:hidden;background-color:' + this.color + ';'+
 130          '"><\/div>';
 131  
 132      //alert(this.htm);
 133  }
 134  
 135  
 136  
 137  
 138  function mkDivPrint(x, y, w, h)
 139  {
 140      this.htm += '<div style="position:absolute;'+
 141          'border-left:' + w + 'px solid ' + this.color + ';'+
 142          'left:' + x + 'px;'+
 143          'top:' + y + 'px;'+
 144          'width:' + w + 'px;'+
 145          'height:' + h + 'px;'+
 146          'clip:rect(0,'+w+'px,'+h+'px,0);'+
 147          'overflow:hidden;background-color:' + this.color + ';'+
 148          '"><\/div>';
 149  }
 150  
 151  
 152  
 153  
 154  
 155  function mkLyr(x, y, w, h)
 156  {
 157      this.htm += '<layer '+
 158          'left="' + x + '" '+
 159          'top="' + y + '" '+
 160          'width="' + w + '" '+
 161          'height="' + h + '" '+
 162          'bgcolor="' + this.color + '"><\/layer>\n';
 163  }
 164  
 165  
 166  
 167  
 168  
 169  function mkLbl(txt, x, y)
 170  {
 171      this.htm += '<div style="position:absolute;white-space:nowrap;'+
 172          'left:' + x + 'px;'+
 173          'top:' + y + 'px;'+
 174          'font-family:' +  this.ftFam + ';'+
 175          'font-size:' + this.ftSz + ';'+
 176          'color:' + this.color + ';' + this.ftSty + '">'+
 177          txt +
 178          '<\/div>';
 179  }
 180  
 181  
 182  
 183  
 184  
 185  function mkLin(x1, y1, x2, y2)
 186  {
 187      if (x1 > x2)
 188      {
 189          var _x2 = x2;
 190          var _y2 = y2;
 191          x2 = x1;
 192          y2 = y1;
 193          x1 = _x2;
 194          y1 = _y2;
 195      }
 196      var dx = x2-x1, dy = Math.abs(y2-y1),
 197      x = x1, y = y1,
 198      yIncr = (y1 > y2)? -1 : 1;
 199  
 200      if (dx >= dy)
 201      {
 202          var pr = dy<<1,
 203          pru = pr - (dx<<1),
 204          p = pr-dx,
 205          ox = x;
 206          while ((dx--) > 0)
 207          {
 208              ++x;
 209              if (p > 0)
 210              {
 211                  this.mkDiv(ox, y, x-ox, 1);
 212                  y += yIncr;
 213                  p += pru;
 214                  ox = x;
 215              }
 216              else p += pr;
 217          }
 218          this.mkDiv(ox, y, x2-ox+1, 1);
 219      }
 220  
 221      else
 222      {
 223          var pr = dx<<1,
 224          pru = pr - (dy<<1),
 225          p = pr-dy,
 226          oy = y;
 227          if (y2 <= y1)
 228          {
 229              while ((dy--) > 0)
 230              {
 231                  if (p > 0)
 232                  {
 233                      this.mkDiv(x++, y, 1, oy-y+1);
 234                      y += yIncr;
 235                      p += pru;
 236                      oy = y;
 237                  }
 238                  else
 239                  {
 240                      y += yIncr;
 241                      p += pr;
 242                  }
 243              }
 244              this.mkDiv(x2, y2, 1, oy-y2+1);
 245          }
 246          else
 247          {
 248              while ((dy--) > 0)
 249              {
 250                  y += yIncr;
 251                  if (p > 0)
 252                  {
 253                      this.mkDiv(x++, oy, 1, y-oy);
 254                      p += pru;
 255                      oy = y;
 256                  }
 257                  else p += pr;
 258              }
 259              this.mkDiv(x2, oy, 1, y2-oy+1);
 260          }
 261      }
 262  }
 263  
 264  
 265  
 266  
 267  
 268  function mkLin2D(x1, y1, x2, y2)
 269  {
 270      if (x1 > x2)
 271      {
 272          var _x2 = x2;
 273          var _y2 = y2;
 274          x2 = x1;
 275          y2 = y1;
 276          x1 = _x2;
 277          y1 = _y2;
 278      }
 279      var dx = x2-x1, dy = Math.abs(y2-y1),
 280      x = x1, y = y1,
 281      yIncr = (y1 > y2)? -1 : 1;
 282  
 283  
 284      var s = this.stroke;
 285      if (dx >= dy)
 286      {
 287          if (s-0x3 > 0)
 288          {
 289              var _s = (s*dx*Math.sqrt(1+dy*dy/(dx*dx))-dx-(s>>1)*dy) / dx;
 290              _s = (!(s-0x4)? Math.ceil(_s) : Math.round(_s)) + 1;
 291          }
 292          else var _s = s;
 293          var ad = Math.ceil(s/2);
 294  
 295          var pr = dy<<1,
 296          pru = pr - (dx<<1),
 297          p = pr-dx,
 298          ox = x;
 299          while ((dx--) > 0)
 300          {
 301              ++x;
 302              if (p > 0)
 303              {
 304                  this.mkDiv(ox, y, x-ox+ad, _s);
 305                  y += yIncr;
 306                  p += pru;
 307                  ox = x;
 308              }
 309              else p += pr;
 310          }
 311          this.mkDiv(ox, y, x2-ox+ad+1, _s);
 312      }
 313  
 314      else
 315      {
 316          if (s-0x3 > 0)
 317          {
 318              var _s = (s*dy*Math.sqrt(1+dx*dx/(dy*dy))-(s>>1)*dx-dy) / dy;
 319              _s = (!(s-0x4)? Math.ceil(_s) : Math.round(_s)) + 1;
 320          }
 321          else var _s = s;
 322          var ad = Math.round(s/2);
 323  
 324          var pr = dx<<1,
 325          pru = pr - (dy<<1),
 326          p = pr-dy,
 327          oy = y;
 328          if (y2 <= y1)
 329          {
 330              ++ad;
 331              while ((dy--) > 0)
 332              {
 333                  if (p > 0)
 334                  {
 335                      this.mkDiv(x++, y, _s, oy-y+ad);
 336                      y += yIncr;
 337                      p += pru;
 338                      oy = y;
 339                  }
 340                  else
 341                  {
 342                      y += yIncr;
 343                      p += pr;
 344                  }
 345              }
 346              this.mkDiv(x2, y2, _s, oy-y2+ad);
 347          }
 348          else
 349          {
 350              while ((dy--) > 0)
 351              {
 352                  y += yIncr;
 353                  if (p > 0)
 354                  {
 355                      this.mkDiv(x++, oy, _s, y-oy+ad);
 356                      p += pru;
 357                      oy = y;
 358                  }
 359                  else p += pr;
 360              }
 361              this.mkDiv(x2, oy, _s, y2-oy+ad+1);
 362          }
 363      }
 364  }
 365  
 366  
 367  
 368  
 369  
 370  function mkLinDott(x1, y1, x2, y2)
 371  {
 372      if (x1 > x2)
 373      {
 374          var _x2 = x2;
 375          var _y2 = y2;
 376          x2 = x1;
 377          y2 = y1;
 378          x1 = _x2;
 379          y1 = _y2;
 380      }
 381      var dx = x2-x1, dy = Math.abs(y2-y1),
 382      x = x1, y = y1,
 383      yIncr = (y1 > y2)? -1 : 1,
 384      drw = true;
 385      if (dx >= dy)
 386      {
 387          var pr = dy<<1,
 388          pru = pr - (dx<<1),
 389          p = pr-dx;
 390          while ((dx--) > 0)
 391          {
 392              if (drw) this.mkDiv(x, y, 1, 1);
 393              drw = !drw;
 394              if (p > 0)
 395              {
 396                  y += yIncr;
 397                  p += pru;
 398              }
 399              else p += pr;
 400              ++x;
 401          }
 402          if (drw) this.mkDiv(x, y, 1, 1);
 403      }
 404  
 405      else
 406      {
 407          var pr = dx<<1,
 408          pru = pr - (dy<<1),
 409          p = pr-dy;
 410          while ((dy--) > 0)
 411          {
 412              if (drw) this.mkDiv(x, y, 1, 1);
 413              drw = !drw;
 414              y += yIncr;
 415              if (p > 0)
 416              {
 417                  ++x;
 418                  p += pru;
 419              }
 420              else p += pr;
 421          }
 422          if (drw) this.mkDiv(x, y, 1, 1);
 423      }
 424  }
 425  
 426  
 427  
 428  
 429  
 430  function mkOv(left, top, width, height)
 431  {
 432      var a = width>>1, b = height>>1,
 433      wod = width&1, hod = (height&1)+1,
 434      cx = left+a, cy = top+b,
 435      x = 0, y = b,
 436      ox = 0, oy = b,
 437      aa = (a*a)<<1, bb = (b*b)<<1,
 438      st = (aa>>1)*(1-(b<<1)) + bb,
 439      tt = (bb>>1) - aa*((b<<1)-1),
 440      w, h;
 441      while (y > 0)
 442      {
 443          if (st < 0)
 444          {
 445              st += bb*((x<<1)+0x3);
 446              tt += (bb<<1)*(++x);
 447          }
 448          else if (tt < 0)
 449          {
 450              st += bb*((x<<1)+0x3) - (aa<<1)*(y-1);
 451              tt += (bb<<1)*(++x) - aa*(((y--)<<1)-0x3);
 452              w = x-ox;
 453              h = oy-y;
 454              if (w&0x2 && h&0x2)
 455              {
 456                  this.mkOvQds(cx, cy, -x+0x2, ox+wod, -oy, oy-1+hod, 1, 1);
 457                  this.mkOvQds(cx, cy, -x+1, x-1+wod, -y-1, y+hod, 1, 1);
 458              }
 459              else this.mkOvQds(cx, cy, -x+1, ox+wod, -oy, oy-h+hod, w, h);
 460              ox = x;
 461              oy = y;
 462          }
 463          else
 464          {
 465              tt -= aa*((y<<1)-0x3);
 466              st -= (aa<<1)*(--y);
 467          }
 468      }
 469      this.mkDiv(cx-a, cy-oy, a-ox+1, (oy<<1)+hod);
 470      this.mkDiv(cx+ox+wod, cy-oy, a-ox+1, (oy<<1)+hod);
 471  }
 472  
 473  
 474  
 475  
 476  
 477  function mkOv2D(left, top, width, height)
 478  {
 479      var s = this.stroke;
 480      width += s-1;
 481      height += s-1;
 482      var a = width>>1, b = height>>1,
 483      wod = width&1, hod = (height&1)+1,
 484      cx = left+a, cy = top+b,
 485      x = 0, y = b,
 486      aa = (a*a)<<1, bb = (b*b)<<1,
 487      st = (aa>>1)*(1-(b<<1)) + bb,
 488      tt = (bb>>1) - aa*((b<<1)-1);
 489  
 490  
 491      if (s-0x4 < 0 && (!(s-0x2) || width-0x33 > 0 && height-0x33 > 0))
 492      {
 493          var ox = 0, oy = b,
 494          w, h,
 495          pxl, pxr, pxt, pxb, pxw;
 496          while (y > 0)
 497          {
 498              if (st < 0)
 499              {
 500                  st += bb*((x<<1)+0x3);
 501                  tt += (bb<<1)*(++x);
 502              }
 503              else if (tt < 0)
 504              {
 505                  st += bb*((x<<1)+0x3) - (aa<<1)*(y-1);
 506                  tt += (bb<<1)*(++x) - aa*(((y--)<<1)-0x3);
 507                  w = x-ox;
 508                  h = oy-y;
 509  
 510                  if (w-1)
 511                  {
 512                      pxw = w+1+(s&1);
 513                      h = s;
 514                  }
 515                  else if (h-1)
 516                  {
 517                      pxw = s;
 518                      h += 1+(s&1);
 519                  }
 520                  else pxw = h = s;
 521                  this.mkOvQds(cx, cy, -x+1, ox-pxw+w+wod, -oy, -h+oy+hod, pxw, h);
 522                  ox = x;
 523                  oy = y;
 524              }
 525              else
 526              {
 527                  tt -= aa*((y<<1)-0x3);
 528                  st -= (aa<<1)*(--y);
 529              }
 530          }
 531          this.mkDiv(cx-a, cy-oy, s, (oy<<1)+hod);
 532          this.mkDiv(cx+a+wod-s+1, cy-oy, s, (oy<<1)+hod);
 533      }
 534  
 535  
 536      else
 537      {
 538          var _a = (width-((s-1)<<1))>>1,
 539          _b = (height-((s-1)<<1))>>1,
 540          _x = 0, _y = _b,
 541          _aa = (_a*_a)<<1, _bb = (_b*_b)<<1,
 542          _st = (_aa>>1)*(1-(_b<<1)) + _bb,
 543          _tt = (_bb>>1) - _aa*((_b<<1)-1),
 544  
 545          pxl = new Array(),
 546          pxt = new Array(),
 547          _pxb = new Array();
 548          pxl[0] = 0;
 549          pxt[0] = b;
 550          _pxb[0] = _b-1;
 551          while (y > 0)
 552          {
 553              if (st < 0)
 554              {
 555                  st += bb*((x<<1)+0x3);
 556                  tt += (bb<<1)*(++x);
 557                  pxl[pxl.length] = x;
 558                  pxt[pxt.length] = y;
 559              }
 560              else if (tt < 0)
 561              {
 562                  st += bb*((x<<1)+0x3) - (aa<<1)*(y-1);
 563                  tt += (bb<<1)*(++x) - aa*(((y--)<<1)-0x3);
 564                  pxl[pxl.length] = x;
 565                  pxt[pxt.length] = y;
 566              }
 567              else
 568              {
 569                  tt -= aa*((y<<1)-0x3);
 570                  st -= (aa<<1)*(--y);
 571              }
 572  
 573              if (_y > 0)
 574              {
 575                  if (_st < 0)
 576                  {
 577                      _st += _bb*((_x<<1)+0x3);
 578                      _tt += (_bb<<1)*(++_x);
 579                      _pxb[_pxb.length] = _y-1;
 580                  }
 581                  else if (_tt < 0)
 582                  {
 583                      _st += _bb*((_x<<1)+0x3) - (_aa<<1)*(_y-1);
 584                      _tt += (_bb<<1)*(++_x) - _aa*(((_y--)<<1)-0x3);
 585                      _pxb[_pxb.length] = _y-1;
 586                  }
 587                  else
 588                  {
 589                      _tt -= _aa*((_y<<1)-0x3);
 590                      _st -= (_aa<<1)*(--_y);
 591                      _pxb[_pxb.length-1]--;
 592                  }
 593              }
 594          }
 595  
 596          var ox = 0, oy = b,
 597          _oy = _pxb[0],
 598          l = pxl.length,
 599          w, h;
 600          for (var i = 0; i < l; i++)
 601          {
 602              if (typeof _pxb[i] != "undefined")
 603              {
 604                  if (_pxb[i] < _oy || pxt[i] < oy)
 605                  {
 606                      x = pxl[i];
 607                      this.mkOvQds(cx, cy, -x+1, ox+wod, -oy, _oy+hod, x-ox, oy-_oy);
 608                      ox = x;
 609                      oy = pxt[i];
 610                      _oy = _pxb[i];
 611                  }
 612              }
 613              else
 614              {
 615                  x = pxl[i];
 616                  this.mkDiv(cx-x+1, cy-oy, 1, (oy<<1)+hod);
 617                  this.mkDiv(cx+ox+wod, cy-oy, 1, (oy<<1)+hod);
 618                  ox = x;
 619                  oy = pxt[i];
 620              }
 621          }
 622          this.mkDiv(cx-a, cy-oy, 1, (oy<<1)+hod);
 623          this.mkDiv(cx+ox+wod, cy-oy, 1, (oy<<1)+hod);
 624      }
 625  }
 626  
 627  
 628  
 629  
 630  
 631  function mkOvDott(left, top, width, height)
 632  {
 633      var a = width>>1, b = height>>1,
 634      wod = width&1, hod = height&1,
 635      cx = left+a, cy = top+b,
 636      x = 0, y = b,
 637      aa2 = (a*a)<<1, aa4 = aa2<<1, bb = (b*b)<<1,
 638      st = (aa2>>1)*(1-(b<<1)) + bb,
 639      tt = (bb>>1) - aa2*((b<<1)-1),
 640      drw = true;
 641      while (y > 0)
 642      {
 643          if (st < 0)
 644          {
 645              st += bb*((x<<1)+0x3);
 646              tt += (bb<<1)*(++x);
 647          }
 648          else if (tt < 0)
 649          {
 650              st += bb*((x<<1)+0x3) - aa4*(y-1);
 651              tt += (bb<<1)*(++x) - aa2*(((y--)<<1)-0x3);
 652          }
 653          else
 654          {
 655              tt -= aa2*((y<<1)-0x3);
 656              st -= aa4*(--y);
 657          }
 658          if (drw) this.mkOvQds(cx, cy, -x, x+wod, -y, y+hod, 1, 1);
 659          drw = !drw;
 660      }
 661  }
 662  
 663  
 664  
 665  
 666  
 667  function mkRect(x, y, w, h)
 668  {
 669      var s = this.stroke;
 670      this.mkDiv(x, y, w, s);
 671      this.mkDiv(x+w, y, s, h);
 672      this.mkDiv(x, y+h, w+s, s);
 673      this.mkDiv(x, y+s, s, h-s);
 674  }
 675  
 676  
 677  
 678  
 679  
 680  function mkRectDott(x, y, w, h)
 681  {
 682      this.drawLine(x, y, x+w, y);
 683      this.drawLine(x+w, y, x+w, y+h);
 684      this.drawLine(x, y+h, x+w, y+h);
 685      this.drawLine(x, y, x, y+h);
 686  }
 687  
 688  
 689  
 690  
 691  
 692  function jsgFont()
 693  {
 694      this.PLAIN = 'font-weight:normal;';
 695      this.BOLD = 'font-weight:bold;';
 696      this.ITALIC = 'font-style:italic;';
 697      this.ITALIC_BOLD = this.ITALIC + this.BOLD;
 698      this.BOLD_ITALIC = this.ITALIC_BOLD;
 699  }
 700  var Font = new jsgFont();
 701  
 702  
 703  
 704  
 705  
 706  function jsgStroke()
 707  {
 708      this.DOTTED = -1;
 709  }
 710  var Stroke = new jsgStroke();
 711  
 712  
 713  
 714  
 715  
 716  function jsGraphics(id, wnd)
 717  {
 718      this.setColor = new Function('arg', 'this.color = arg;');
 719  
 720  
 721      this.getColor = new Function('return this.color');
 722  
 723      this.setStroke = function(x)
 724      {
 725          this.stroke = x;
 726          if (!(x+1))
 727          {
 728              this.drawLine = mkLinDott;
 729              this.mkOv = mkOvDott;
 730              this.drawRect = mkRectDott;
 731          }
 732          else if (x-1 > 0)
 733          {
 734              this.drawLine = mkLin2D;
 735              this.mkOv = mkOv2D;
 736              this.drawRect = mkRect;
 737          }
 738          else
 739          {
 740              this.drawLine = mkLin;
 741              this.mkOv = mkOv;
 742              this.drawRect = mkRect;
 743          }
 744      };
 745  
 746  
 747  
 748      this.setPrintable = function(arg)
 749      {
 750          this.printable = arg;
 751          this.mkDiv = jg_n4? mkLyr : arg? mkDivPrint : mkDiv;
 752      };
 753  
 754  
 755  
 756      this.setFont = function(fam, sz, sty)
 757      {
 758          this.ftFam = fam;
 759          this.ftSz = sz;
 760          this.ftSty = sty || Font.PLAIN;
 761      };
 762  
 763  
 764  
 765      this.drawPolyline = this.drawPolyLine = function(x, y, s)
 766      {
 767          var i = x.length-1; while (i >= 0)
 768              this.drawLine(x[i], y[i], x[--i], y[i]);
 769      };
 770  
 771  
 772  
 773      this.fillRect = function(x, y, w, h)
 774      {
 775          this.mkDiv(x, y, w, h);
 776      };
 777  
 778  
 779      this.fillRectPattern = function(x, y, w, h, url)
 780      {
 781          this.htm += '<div style="position:absolute;'+
 782              'left:' + x + 'px;'+
 783              'top:' + y + 'px;'+
 784              'width:' + w + 'px;'+
 785              'height:' + h + 'px;'+
 786              'clip:rect(0,'+w+'px,'+h+'px,0);'+
 787              'overflow:hidden;'+
 788              //'background-color:' + this.color + ';'+
 789              "background-image: url('" + url + "');"+
 790              "layer-background-image: url('" + url + "');"+
 791              'z-index:100;"><\/div>';
 792          //alert(this.htm);
 793      }
 794  
 795      this.drawHandle = function(x, y, w, h, cursor)
 796      {
 797          
 798          this.htm += '<div style="position:absolute;'+
 799          'left:' + x + 'px;'+
 800          'top:' + y + 'px;'+
 801          'width:' + w + 'px;'+
 802          'height:' + h + 'px;'+
 803          'clip:rect(0,'+w+'px,'+h+'px,0);'+
 804          'padding: 2px;overflow:hidden;'+
 805          "cursor: '" + cursor + "';"+
 806          '" class="handleBox" id="' + cursor + '" ><\/div>';
 807      }
 808  
 809      this.drawHandleBox = function(x, y, w, h, cursor)
 810      {
 811          
 812          this.htm += '<div style="position:absolute;'+
 813          'left:' + x + 'px;'+
 814          'top:' + y + 'px;'+
 815          'width:' + w + 'px;'+
 816          'height:' + h + 'px;'+
 817          'clip:rect(0,'+(w+2)+'px,'+(h+2)+'px,0);'+
 818          'overflow:hidden; border: solid 1px '+ this.color+';'+
 819          "cursor: '" + cursor + "';"+
 820          '" class="handleBox" id="' + cursor + '" ><\/div>';
 821  
 822          
 823      }
 824  
 825      this.drawPolygon = function(x, y)
 826      {
 827          this.drawPolyline(x, y);
 828          this.drawLine(x[x.length-1], y[x.length-1], x[0], y[0]);
 829      };
 830  
 831  
 832  
 833      this.drawEllipse = this.drawOval = function(x, y, w, h)
 834      {
 835          this.mkOv(x, y, w, h);
 836      };
 837  
 838  
 839  
 840      this.fillEllipse = this.fillOval = function(left, top, w, h)
 841      {
 842          var a = (w -= 1)>>1, b = (h -= 1)>>1,
 843          wod = (w&1)+1, hod = (h&1)+1,
 844          cx = left+a, cy = top+b,
 845          x = 0, y = b,
 846          ox = 0, oy = b,
 847          aa2 = (a*a)<<1, aa4 = aa2<<1, bb = (b*b)<<1,
 848          st = (aa2>>1)*(1-(b<<1)) + bb,
 849          tt = (bb>>1) - aa2*((b<<1)-1),
 850          pxl, dw, dh;
 851          if (w+1) while (y > 0)
 852          {
 853              if (st < 0)
 854              {
 855                  st += bb*((x<<1)+0x3);
 856                  tt += (bb<<1)*(++x);
 857              }
 858              else if (tt < 0)
 859              {
 860                  st += bb*((x<<1)+0x3) - aa4*(y-1);
 861                  pxl = cx-x;
 862                  dw = (x<<1)+wod;
 863                  tt += (bb<<1)*(++x) - aa2*(((y--)<<1)-0x3);
 864                  dh = oy-y;
 865                  this.mkDiv(pxl, cy-oy, dw, dh);
 866                  this.mkDiv(pxl, cy+oy-dh+hod, dw, dh);
 867                  ox = x;
 868                  oy = y;
 869              }
 870              else
 871              {
 872                  tt -= aa2*((y<<1)-0x3);
 873                  st -= aa4*(--y);
 874              }
 875          }
 876          this.mkDiv(cx-a, cy-oy, w+1, (oy<<1)+hod);
 877      };
 878  
 879  
 880  
 881      this.drawString = mkLbl;
 882  
 883  
 884  
 885      this.clear = function()
 886      {
 887          this.htm = "";
 888          if (this.cnv) this.cnv.innerHTML = this.defhtm;
 889          
 890      };
 891  
 892  
 893  
 894      this.mkOvQds = function(cx, cy, xl, xr, yt, yb, w, h)
 895      {
 896          this.mkDiv(xr+cx, yt+cy, w, h);
 897          this.mkDiv(xr+cx, yb+cy, w, h);
 898          this.mkDiv(xl+cx, yb+cy, w, h);
 899          this.mkDiv(xl+cx, yt+cy, w, h);
 900      };
 901  
 902  
 903      this.setStroke(1);
 904      this.setPrintable(false);
 905      this.setFont('verdana,geneva,helvetica,sans-serif', String.fromCharCode(0x31, 0x32, 0x70, 0x78), Font.PLAIN);
 906      this.color = '#000000';
 907      this.htm = '';
 908      this.wnd = wnd || window;
 909  
 910  
 911      if (!(jg_ie || jg_dom || jg_ihtm)) chkDHTM();
 912      if (typeof id != 'string' || !id) this.paint = pntDoc;
 913      else
 914      {
 915          this.cnv = document.all? (this.wnd.document.all[id] || null)
 916              : document.getElementById? (this.wnd.document.getElementById(id) || null)
 917              : null;
 918          this.defhtm = (this.cnv && this.cnv.innerHTML)? this.cnv.innerHTML : '';
 919          this.paint = jg_dom? pntCnvDom : jg_ie? pntCnvIe : jg_ihtm? pntCnvIhtm : pntCnv;
 920      }
 921  }