lib/paintweb/docs/api-ref/symbols/pwlib.appEvent.canvasSizeChange.html

   1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
   2         "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
   3 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
   4         <head>
   5                 <meta http-equiv="content-type" content="text/html; charset=utf-8" />
   6                 <meta name="generator" content="JsDoc Toolkit" />
   7
   8                 <title>JsDoc Reference - pwlib.appEvent.canvasSizeChange</title>
   9
  10                 <style type="text/css">
  11                         /* default.css */
  12 body
  13 {
  14         font: 12px "Lucida Grande", Tahoma, Arial, Helvetica, sans-serif;
  15         width: 800px;
  16 }
  17
  18 .header
  19 {
  20         clear: both;
  21         background-color: #ccc;
  22         padding: 8px;
  23 }
  24
  25 h1
  26 {
  27         font-size: 150%;
  28         font-weight: bold;
  29         padding: 0;
  30         margin: 1em 0 0 .3em;
  31 }
  32
  33 hr
  34 {
  35         border: none 0;
  36         border-top: 1px solid #7F8FB1;
  37         height: 1px;
  38 }
  39
  40 pre.code
  41 {
  42         display: block;
  43         padding: 8px;
  44         border: 1px dashed #ccc;
  45 }
  46
  47 #index
  48 {
  49         margin-top: 24px;
  50         float: left;
  51         width: 160px;
  52         position: absolute;
  53         left: 8px;
  54         background-color: #F3F3F3;
  55         padding: 8px;
  56 }
  57
  58 #content
  59 {
  60         margin-left: 190px;
  61         width: 600px;
  62 }
  63
  64 .classList
  65 {
  66         list-style-type: none;
  67         padding: 0;
  68         margin: 0 0 0 8px;
  69         font-family: arial, sans-serif;
  70         font-size: 1em;
  71         overflow: auto;
  72 }
  73
  74 .classList li
  75 {
  76         padding: 0;
  77         margin: 0 0 8px 0;
  78 }
  79
  80 .summaryTable { width: 100%; }
  81
  82 h1.classTitle
  83 {
  84         font-size:170%;
  85         line-height:130%;
  86 }
  87
  88 h2 { font-size: 110%; }
  89 caption, div.sectionTitle
  90 {
  91         background-color: #7F8FB1;
  92         color: #fff;
  93         font-size:130%;
  94         text-align: left;
  95         padding: 2px 6px 2px 6px;
  96         border: 1px #7F8FB1 solid;
  97 }
  98
  99 div.sectionTitle { margin-bottom: 8px; }
 100 .summaryTable thead { display: none; }
 101
 102 .summaryTable td
 103 {
 104         vertical-align: top;
 105         padding: 4px;
 106         border-bottom: 1px #7F8FB1 solid;
 107         border-right: 1px #7F8FB1 solid;
 108 }
 109
 110 /*col#summaryAttributes {}*/
 111 .summaryTable td.attributes
 112 {
 113         border-left: 1px #7F8FB1 solid;
 114         width: 140px;
 115         text-align: right;
 116 }
 117
 118 td.attributes, .fixedFont
 119 {
 120         line-height: 15px;
 121         color: #002EBE;
 122         font-family: "Courier New",Courier,monospace;
 123         font-size: 13px;
 124 }
 125
 126 .summaryTable td.nameDescription
 127 {
 128         text-align: left;
 129         font-size: 13px;
 130         line-height: 15px;
 131 }
 132
 133 .summaryTable td.nameDescription, .description
 134 {
 135         line-height: 15px;
 136         padding: 4px;
 137         padding-left: 4px;
 138 }
 139
 140 .summaryTable { margin-bottom: 8px; }
 141
 142 ul.inheritsList
 143 {
 144         list-style: square;
 145         margin-left: 20px;
 146         padding-left: 0;
 147 }
 148
 149 .detailList {
 150         margin-left: 20px;
 151         line-height: 15px;
 152 }
 153 .detailList dt { margin-left: 20px; }
 154
 155 .detailList .heading
 156 {
 157         font-weight: bold;
 158         padding-bottom: 6px;
 159         margin-left: 0;
 160 }
 161
 162 .light, td.attributes, .light a:link, .light a:visited
 163 {
 164         color: #777;
 165         font-style: italic;
 166 }
 167
 168 .fineprint
 169 {
 170         text-align: right;
 171         font-size: 10px;
 172 }
 173                 </style>
 174         </head>
 175
 176         <body>
 177 <!-- ============================== header ================================= -->
 178                 <!-- begin static/header.html -->
 179                 <div id="header">
 180 </div>
 181                 <!-- end static/header.html -->
 182
 183 <!-- ============================== classes index ============================ -->
 184                 <div id="index">
 185                         <!-- begin publish.classesIndex -->
 186                         <div align="center"><a href="../index.html">Class Index</a>
 187 | <a href="../files.html">File Index</a></div>
 188 <hr />
 189 <h2>Classes</h2>
 190 <ul class="classList">
 191
 192         <li><i><a href="../symbols/_global_.html">_global_</a></i></li>
 193
 194         <li><a href="../symbols/PaintWeb.html">PaintWeb</a></li>
 195
 196         <li><a href="../symbols/pwlib.html">pwlib</a></li>
 197
 198         <li><a href="../symbols/pwlib.appEvent.html">pwlib.appEvent</a></li>
 199
 200         <li><a href="../symbols/pwlib.appEvent.appDestroy.html">pwlib.appEvent.appDestroy</a></li>
 201
 202         <li><a href="../symbols/pwlib.appEvent.appInit.html">pwlib.appEvent.appInit</a></li>
 203
 204         <li><a href="../symbols/pwlib.appEvent.canvasSizeChange.html">pwlib.appEvent.canvasSizeChange</a></li>
 205
 206         <li><a href="../symbols/pwlib.appEvent.clipboardUpdate.html">pwlib.appEvent.clipboardUpdate</a></li>
 207
 208         <li><a href="../symbols/pwlib.appEvent.commandRegister.html">pwlib.appEvent.commandRegister</a></li>
 209
 210         <li><a href="../symbols/pwlib.appEvent.commandUnregister.html">pwlib.appEvent.commandUnregister</a></li>
 211
 212         <li><a href="../symbols/pwlib.appEvent.configChange.html">pwlib.appEvent.configChange</a></li>
 213
 214         <li><a href="../symbols/pwlib.appEvent.extensionRegister.html">pwlib.appEvent.extensionRegister</a></li>
 215
 216         <li><a href="../symbols/pwlib.appEvent.extensionUnregister.html">pwlib.appEvent.extensionUnregister</a></li>
 217
 218         <li><a href="../symbols/pwlib.appEvent.guiFloatingPanelStateChange.html">pwlib.appEvent.guiFloatingPanelStateChange</a></li>
 219
 220         <li><a href="../symbols/pwlib.appEvent.guiHide.html">pwlib.appEvent.guiHide</a></li>
 221
 222         <li><a href="../symbols/pwlib.appEvent.guiResizeEnd.html">pwlib.appEvent.guiResizeEnd</a></li>
 223
 224         <li><a href="../symbols/pwlib.appEvent.guiResizeStart.html">pwlib.appEvent.guiResizeStart</a></li>
 225
 226         <li><a href="../symbols/pwlib.appEvent.guiShow.html">pwlib.appEvent.guiShow</a></li>
 227
 228         <li><a href="../symbols/pwlib.appEvent.guiTabActivate.html">pwlib.appEvent.guiTabActivate</a></li>
 229
 230         <li><a href="../symbols/pwlib.appEvent.historyUpdate.html">pwlib.appEvent.historyUpdate</a></li>
 231
 232         <li><a href="../symbols/pwlib.appEvent.imageCrop.html">pwlib.appEvent.imageCrop</a></li>
 233
 234         <li><a href="../symbols/pwlib.appEvent.imageSave.html">pwlib.appEvent.imageSave</a></li>
 235
 236         <li><a href="../symbols/pwlib.appEvent.imageSaveResult.html">pwlib.appEvent.imageSaveResult</a></li>
 237
 238         <li><a href="../symbols/pwlib.appEvent.imageSizeChange.html">pwlib.appEvent.imageSizeChange</a></li>
 239
 240         <li><a href="../symbols/pwlib.appEvent.imageZoom.html">pwlib.appEvent.imageZoom</a></li>
 241
 242         <li><a href="../symbols/pwlib.appEvent.selectionChange.html">pwlib.appEvent.selectionChange</a></li>
 243
 244         <li><a href="../symbols/pwlib.appEvent.shadowAllow.html">pwlib.appEvent.shadowAllow</a></li>
 245
 246         <li><a href="../symbols/pwlib.appEvent.toolActivate.html">pwlib.appEvent.toolActivate</a></li>
 247
 248         <li><a href="../symbols/pwlib.appEvent.toolPreactivate.html">pwlib.appEvent.toolPreactivate</a></li>
 249
 250         <li><a href="../symbols/pwlib.appEvent.toolRegister.html">pwlib.appEvent.toolRegister</a></li>
 251
 252         <li><a href="../symbols/pwlib.appEvent.toolUnregister.html">pwlib.appEvent.toolUnregister</a></li>
 253
 254         <li><a href="../symbols/pwlib.appEvents.html">pwlib.appEvents</a></li>
 255
 256         <li><a href="../symbols/pwlib.browser.html">pwlib.browser</a></li>
 257
 258         <li><a href="../symbols/pwlib.dom.html">pwlib.dom</a></li>
 259
 260         <li><a href="../symbols/pwlib.dom.KeyboardEventListener.html">pwlib.dom.KeyboardEventListener</a></li>
 261
 262         <li><a href="../symbols/pwlib.dom.keyCodes.html">pwlib.dom.keyCodes</a></li>
 263
 264         <li><a href="../symbols/pwlib.dom.keyCodes_fixes.html">pwlib.dom.keyCodes_fixes</a></li>
 265
 266         <li><a href="../symbols/pwlib.dom.keyCodes_Safari2.html">pwlib.dom.keyCodes_Safari2</a></li>
 267
 268         <li><a href="../symbols/pwlib.dom.keyNames.html">pwlib.dom.keyNames</a></li>
 269
 270         <li><a href="../symbols/pwlib.extensions.html">pwlib.extensions</a></li>
 271
 272         <li><a href="../symbols/pwlib.extensions.colormixer.html">pwlib.extensions.colormixer</a></li>
 273
 274         <li><a href="../symbols/pwlib.extensions.moodle.html">pwlib.extensions.moodle</a></li>
 275
 276         <li><a href="../symbols/pwlib.extensions.mousekeys.html">pwlib.extensions.mousekeys</a></li>
 277
 278         <li><a href="../symbols/pwlib.fileCache.html">pwlib.fileCache</a></li>
 279
 280         <li><a href="../symbols/pwlib.gui.html">pwlib.gui</a></li>
 281
 282         <li><a href="../symbols/pwlib.guiColorInput.html">pwlib.guiColorInput</a></li>
 283
 284         <li><a href="../symbols/pwlib.guiFloatingPanel.html">pwlib.guiFloatingPanel</a></li>
 285
 286         <li><a href="../symbols/pwlib.guiResizer.html">pwlib.guiResizer</a></li>
 287
 288         <li><a href="../symbols/pwlib.guiTabPanel.html">pwlib.guiTabPanel</a></li>
 289
 290         <li><a href="../symbols/pwlib.tools.html">pwlib.tools</a></li>
 291
 292         <li><a href="../symbols/pwlib.tools.bcurve.html">pwlib.tools.bcurve</a></li>
 293
 294         <li><a href="../symbols/pwlib.tools.cpicker.html">pwlib.tools.cpicker</a></li>
 295
 296         <li><a href="../symbols/pwlib.tools.ellipse.html">pwlib.tools.ellipse</a></li>
 297
 298         <li><a href="../symbols/pwlib.tools.eraser.html">pwlib.tools.eraser</a></li>
 299
 300         <li><a href="../symbols/pwlib.tools.hand.html">pwlib.tools.hand</a></li>
 301
 302         <li><a href="../symbols/pwlib.tools.insertimg.html">pwlib.tools.insertimg</a></li>
 303
 304         <li><a href="../symbols/pwlib.tools.line.html">pwlib.tools.line</a></li>
 305
 306         <li><a href="../symbols/pwlib.tools.pencil.html">pwlib.tools.pencil</a></li>
 307
 308         <li><a href="../symbols/pwlib.tools.polygon.html">pwlib.tools.polygon</a></li>
 309
 310         <li><a href="../symbols/pwlib.tools.rectangle.html">pwlib.tools.rectangle</a></li>
 311
 312         <li><a href="../symbols/pwlib.tools.selection.html">pwlib.tools.selection</a></li>
 313
 314         <li><a href="../symbols/pwlib.tools.text.html">pwlib.tools.text</a></li>
 315
 316 </ul>
 317 <hr />
 318                         <!-- end publish.classesIndex -->
 319                 </div>
 320
 321                 <div id="content">
 322 <!-- ============================== class title ============================ -->
 323                         <h1 class="classTitle">
 324
 325                                 Class pwlib.appEvent.canvasSizeChange
 326                         </h1>
 327
 328 <!-- ============================== class summary ========================== -->
 329                         <p class="description">
 330                                 <br />Extends
 331                                         <a href="../symbols/pwlib.appEvent.html">pwlib.appEvent</a>.<br />
 332
 333
 334                                 Canvas size change event. This event is not cancelable.
 335
 336 <p>Note that the Canvas size is not the same as the image size. Canvas size
 337 refers to the scaling of the Canvas elements being applied (due to image
 338 zooming or due to browser zoom / DPI).
 339
 340
 341                                         <br /><i>Defined in: </i> <a href="../symbols/src/src_includes_lib.js.html">lib.js</a>.
 342
 343                         </p>
 344
 345 <!-- ============================== constructor summary ==================== -->
 346
 347                         <table class="summaryTable" cellspacing="0" summary="A summary of the constructor documented in the class pwlib.appEvent.canvasSizeChange.">
 348                                 <caption>Class Summary</caption>
 349                                 <thead>
 350                                         <tr>
 351                                                 <th scope="col">Constructor Attributes</th>
 352                                                 <th scope="col">Constructor Name and Description</th>
 353                                         </tr>
 354                                 </thead>
 355                                 <tbody>
 356                                         <tr>
 357                                                 <td class="attributes">&nbsp;</td>
 358                                                 <td class="nameDescription" >
 359                                                         <div class="fixedFont">
 360                                                                 <b><a href="../symbols/pwlib.appEvent.canvasSizeChange.html#constructor">pwlib.appEvent.canvasSizeChange</a></b>(width, height, scale)
 361                                                         </div>
 362                                                         <div class="description"></div>
 363                                                 </td>
 364                                         </tr>
 365                                 </tbody>
 366                         </table>
 367
 368
 369 <!-- ============================== properties summary ===================== -->
 370
 371
 372
 373                                 <table class="summaryTable" cellspacing="0" summary="A summary of the fields documented in the class pwlib.appEvent.canvasSizeChange.">
 374                                         <caption>Field Summary</caption>
 375                                         <thead>
 376                                                 <tr>
 377                                                         <th scope="col">Field Attributes</th>
 378                                                         <th scope="col">Field Name and Description</th>
 379                                                 </tr>
 380                                         </thead>
 381                                         <tbody>
 382
 383                                                 <tr>
 384                                                         <td class="attributes">&nbsp;</td>
 385                                                         <td class="nameDescription">
 386                                                                 <div class="fixedFont">
 387                                                                 <b><a href="../symbols/pwlib.appEvent.canvasSizeChange.html#height">height</a></b>
 388                                                                 </div>
 389                                                                 <div class="description">New Canvas style height.</div>
 390                                                         </td>
 391                                                 </tr>
 392
 393                                                 <tr>
 394                                                         <td class="attributes">&nbsp;</td>
 395                                                         <td class="nameDescription">
 396                                                                 <div class="fixedFont">
 397                                                                 <b><a href="../symbols/pwlib.appEvent.canvasSizeChange.html#scale">scale</a></b>
 398                                                                 </div>
 399                                                                 <div class="description">The new Canvas scaling factor.</div>
 400                                                         </td>
 401                                                 </tr>
 402
 403                                                 <tr>
 404                                                         <td class="attributes">&nbsp;</td>
 405                                                         <td class="nameDescription">
 406                                                                 <div class="fixedFont">
 407                                                                 <b><a href="../symbols/pwlib.appEvent.canvasSizeChange.html#width">width</a></b>
 408                                                                 </div>
 409                                                                 <div class="description">New Canvas style width.</div>
 410                                                         </td>
 411                                                 </tr>
 412
 413                                         </tbody>
 414                                 </table>
 415
 416
 417
 418                                 <dl class="inheritsList">
 419                                 <dt>Fields borrowed from class <a href="../symbols/pwlib.appEvent.html">pwlib.appEvent</a>: </dt><dd><a href="../symbols/pwlib.appEvent.html#cancelable">cancelable</a>, <a href="../symbols/pwlib.appEvent.html#defaultPrevented">defaultPrevented</a>, <a href="../symbols/pwlib.appEvent.html#target">target</a>, <a href="../symbols/pwlib.appEvent.html#type">type</a></dd>
 420                                 </dl>
 421
 422
 423
 424 <!-- ============================== methods summary ======================== -->
 425
 426
 427
 428
 429
 430                                 <dl class="inheritsList">
 431                                 <dt>Methods borrowed from class <a href="../symbols/pwlib.appEvent.html">pwlib.appEvent</a>: </dt><dd><a href="../symbols/pwlib.appEvent.html#preventDefault">preventDefault</a>, <a href="../symbols/pwlib.appEvent.html#stopPropagation">stopPropagation</a></dd>
 432                                 </dl>
 433
 434
 435 <!-- ============================== events summary ======================== -->
 436
 437
 438 <!-- ============================== constructor details ==================== -->
 439
 440                         <div class="details"><a name="constructor"> </a>
 441                                 <div class="sectionTitle">
 442                                         Class Detail
 443                                 </div>
 444
 445                                 <div class="fixedFont">
 446                                                 <b>pwlib.appEvent.canvasSizeChange</b>(width, height, scale)
 447                                 </div>
 448
 449                                 <div class="description">
 450
 451
 452                                 </div>
 453
 454
 455
 456
 457
 458                                                 <dl class="detailList">
 459                                                 <dt class="heading">Parameters:</dt>
 460
 461                                                         <dt>
 462                                                                 <span class="light fixedFont">{Number}</span>  <b>width</b>
 463
 464                                                         </dt>
 465                                                                 <dd>The new Canvas style width.</dd>
 466
 467                                                         <dt>
 468                                                                 <span class="light fixedFont">{Number}</span>  <b>height</b>
 469
 470                                                         </dt>
 471                                                                 <dd>The new Canvas style height.</dd>
 472
 473                                                         <dt>
 474                                                                 <span class="light fixedFont">{Number}</span>  <b>scale</b>
 475
 476                                                         </dt>
 477                                                                 <dd>The new Canvas scaling factor.</dd>
 478
 479                                                 </dl>
 480
 481
 482
 483
 484                                                 <dl class="detailList">
 485                                                 <dt class="heading">Throws:</dt>
 486
 487                                                         <dt>
 488                                                                 <span class="light fixedFont">{TypeError}</span>  <b></b>
 489                                                         </dt>
 490                                                                 <dd>If any of the arguments are not numbers.</dd>
 491
 492                                                 </dl>
 493
 494
 495
 496
 497
 498                         </div>
 499
 500
 501 <!-- ============================== field details ========================== -->
 502
 503                                 <div class="sectionTitle">
 504                                         Field Detail
 505                                 </div>
 506
 507                                         <a name="height"> </a>
 508                                         <div class="fixedFont">
 509
 510                                         <span class="light">{Number}</span>
 511                                         <b>height</b>
 512
 513                                         </div>
 514                                         <div class="description">
 515                                                 New Canvas style height.
 516
 517
 518                                         </div>
 519
 520
 521
 522
 523
 524
 525
 526
 527                                         <hr />
 528
 529                                         <a name="scale"> </a>
 530                                         <div class="fixedFont">
 531
 532                                         <span class="light">{Number}</span>
 533                                         <b>scale</b>
 534
 535                                         </div>
 536                                         <div class="description">
 537                                                 The new Canvas scaling factor.
 538
 539
 540                                         </div>
 541
 542
 543
 544
 545
 546
 547
 548
 549                                         <hr />
 550
 551                                         <a name="width"> </a>
 552                                         <div class="fixedFont">
 553
 554                                         <span class="light">{Number}</span>
 555                                         <b>width</b>
 556
 557                                         </div>
 558                                         <div class="description">
 559                                                 New Canvas style width.
 560
 561
 562                                         </div>
 563
 564
 565
 566
 567
 568
 569
 570
 571
 572
 573
 574
 575 <!-- ============================== method details ========================= -->
 576
 577
 578 <!-- ============================== event details ========================= -->
 579
 580
 581                         <hr />
 582                 </div>
 583
 584
 585 <!-- ============================== footer ================================= -->
 586                 <div class="fineprint" style="clear:both">
 587
 588                         Documentation generated by <a href="http://code.google.com/p/jsdoc-toolkit/" target="_blank">JsDoc Toolkit</a> 2.3.0 on Mon Jul 27 2009 14:56:55 GMT+0300 (EEST)
 589                 </div>
 590         </body>
 591 </html>