src/main/resources/layer.js

   1
   2 /*
   3  *  Guacamole - Clientless Remote Desktop
   4  *  Copyright (C) 2010  Michael Jumper
   5  *
   6  *  This program is free software: you can redistribute it and/or modify
   7  *  it under the terms of the GNU Affero General Public License as published by
   8  *  the Free Software Foundation, either version 3 of the License, or
   9  *  (at your option) any later version.
  10  *
  11  *  This program is distributed in the hope that it will be useful,
  12  *  but WITHOUT ANY WARRANTY; without even the implied warranty of
  13  *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
  14  *  GNU Affero General Public License for more details.
  15  *
  16  *  You should have received a copy of the GNU Affero General Public License
  17  *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
  18  */
  19
  20 function Layer(width, height) {
  21
  22     // Off-screen buffer
  23     var display = document.createElement("canvas");
  24     var displayContext = display.getContext("2d");
  25
  26     function resize(newWidth, newHeight) {
  27         display.style.position = "absolute";
  28         display.style.left = "0px";
  29         display.style.top = "0px";
  30
  31         display.width = newWidth;
  32         display.height = newHeight;
  33
  34         width = newWidth;
  35         height = newHeight;
  36     }
  37
  38     display.resize = function(newWidth, newHeight) {
  39         if (newWidth != width || newHeight != height)
  40             resize(newWidth, newHeight);
  41     };
  42
  43     function fitRect(x, y, w, h) {
  44
  45         // Calculate bounds
  46         var opBoundX = w + x;
  47         var opBoundY = h + y;
  48
  49         // Determine max width
  50         var resizeWidth;
  51         if (opBoundX > width)
  52             resizeWidth = opBoundX;
  53         else
  54             resizeWidth = width;
  55
  56         // Determine max height
  57         var resizeHeight;
  58         if (opBoundY > height)
  59             resizeHeight = opBoundY;
  60         else
  61             resizeHeight = height;
  62
  63         // Resize if necessary
  64         if (resizeWidth != width || resizeHeight != height)
  65             resize(resizeWidth, resizeHeight);
  66
  67     }
  68
  69     resize(width, height);
  70
  71     var readyHandler = null;
  72     var updates = new Array();
  73     var autosize = 0;
  74
  75     function Update(updateHandler) {
  76
  77         this.setHandler = function(handler) {
  78             updateHandler = handler;
  79         };
  80
  81         this.hasHandler = function() {
  82             return updateHandler != null;
  83         };
  84
  85         this.handle = function() {
  86             updateHandler();
  87         }
  88
  89     }
  90
  91     display.setAutosize = function(flag) {
  92         autosize = flag;
  93     };
  94
  95     function reserveJob(handler) {
  96
  97         // If no pending updates, just call (if available) and exit
  98         if (display.isReady() && handler != null) {
  99             handler();
 100             return null;
 101         }
 102
 103         // If updates are pending/executing, schedule a pending update
 104         // and return a reference to it.
 105         var update = new Update(handler);
 106         updates.push(update);
 107         return update;
 108
 109     }
 110
 111     function handlePendingUpdates() {
 112
 113         // Draw all pending updates.
 114         var update;
 115         while ((update = updates[0]) != null && update.hasHandler()) {
 116             update.handle();
 117             updates.shift();
 118         }
 119
 120         // If done with updates, call ready handler
 121         if (display.isReady() && readyHandler != null)
 122             readyHandler();
 123
 124     }
 125
 126     display.isReady = function() {
 127         return updates.length == 0;
 128     };
 129
 130     display.setReadyHandler = function(handler) {
 131         readyHandler = handler;
 132     };
 133
 134
 135     display.drawImage = function(x, y, image) {
 136         reserveJob(function() {
 137             if (autosize != 0) fitRect(x, y, image.width, image.height);
 138             displayContext.drawImage(image, x, y);
 139         });
 140     };
 141
 142
 143     display.draw = function(x, y, url) {
 144         var update = reserveJob(null);
 145
 146         var image = new Image();
 147         image.onload = function() {
 148
 149             update.setHandler(function() {
 150                 if (autosize != 0) fitRect(x, y, image.width, image.height);
 151                 displayContext.drawImage(image, x, y);
 152             });
 153
 154             // As this update originally had no handler and may have blocked
 155             // other updates, handle any blocked updates.
 156             handlePendingUpdates();
 157
 158         };
 159         image.src = url;
 160
 161     };
 162
 163     // Run arbitrary function as soon as currently pending operations complete.
 164     // Future operations will not block this function from being called (unlike
 165     // the ready handler, which requires no pending updates)
 166     display.sync = function(handler) {
 167         reserveJob(handler);
 168     }
 169
 170     display.copyRect = function(srcLayer, srcx, srcy, w, h, x, y) {
 171
 172         function scheduleCopyRect() {
 173             reserveJob(function() {
 174                 if (autosize != 0) fitRect(x, y, w, h);
 175                 displayContext.drawImage(srcLayer, srcx, srcy, w, h, x, y, w, h);
 176             });
 177         }
 178
 179         // If we ARE the source layer, no need to sync.
 180         // Syncing would result in deadlock.
 181         if (display === srcLayer)
 182             scheduleCopyRect();
 183
 184         // Otherwise synchronize copy operation with source layer
 185         else
 186             srcLayer.sync(scheduleCopyRect);
 187
 188     };
 189
 190     display.clearRect = function(x, y, w, h) {
 191         reserveJob(function() {
 192             if (autosize != 0) fitRect(x, y, w, h);
 193             displayContext.clearRect(x, y, w, h);
 194         });
 195     };
 196
 197     display.filter = function(filter) {
 198         reserveJob(function() {
 199             var imageData = displayContext.getImageData(0, 0, width, height);
 200             filter(imageData.data, width, height);
 201             displayContext.putImageData(imageData, 0, 0);
 202         });
 203     };
 204
 205     var compositeOperation = {
 206      /* 0x0 NOT IMPLEMENTED */
 207         0x1: "destination-in",
 208         0x2: "destination-out",
 209      /* 0x3 NOT IMPLEMENTED */
 210         0x4: "source-in",
 211      /* 0x5 NOT IMPLEMENTED */
 212         0x6: "source-atop",
 213      /* 0x7 NOT IMPLEMENTED */
 214         0x8: "source-out",
 215         0x9: "destination-atop",
 216         0xA: "xor",
 217         0xB: "destination-over",
 218         0xC: "copy",
 219      /* 0xD NOT IMPLEMENTED */
 220         0xE: "source-over",
 221         0xF: "lighter",
 222     };
 223
 224     display.setChannelMask = function(mask) {
 225         reserveJob(function() {
 226             displayContext.globalCompositeOperation = compositeOperation[mask];
 227         });
 228     };
 229
 230     return display;
 231
 232 }
 233