mirror/openseadragon
1
0
Fork 0
mirror of https://github.com/openseadragon/openseadragon.git synced 2024-11-22 21:26:10 +03:00
Code Issues Projects Releases Wiki Activity

revert debugging changes in overlay demo

Browse Source
This commit is contained in:
Tom 2023-03-05 16:12:30 -05:00
parent 5328761877
commit 69c4ccf33e
1 changed files with 2 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
test/demo/overlay.html
View File

@ -18,34 +18,18 @@
<input type="button" value="Rotate" id="rotate"> <input type="button" value="Rotate" id="rotate">
<span id="degrees">0deg</span> <span id="degrees">0deg</span>
</div> </div>
<canvas id="test-canvas" width = "400" height="400" style="image-rendering: pixelated; position:fixed;right:10px;top:10px;width:400px;height:400px;background-color:white;border:thin gray solid;"></canvas>
<script type="text/javascript"> <script type="text/javascript">
var canvas = document.getElementById('test-canvas');// width == height == 400
var context = canvas.getContext("2d");
context.fillRect(0, 0, 400, 400); // fill entire canvas with black rectangle
context.translate(200, 200); // translate to center
context.rotate(1 * Math.PI/180); // rotate by 1 degree
context.clearRect(-100, -100, 200, 200); // clear a 200 x 200 rectangle
context.fillRect(-100, -100, 100, 200); // draw a 100 x 200 rectangle in the left half
context.fillRect(-00, -100, 100, 200); // draw a 100 x 200 rectangle in the right half
window.context = context;
var viewer = OpenSeadragon({ var viewer = OpenSeadragon({
id: "contentDiv", id: "contentDiv",
prefixUrl: "../../build/openseadragon/images/", prefixUrl: "../../build/openseadragon/images/",
tileSources: "../data/testpattern.dzi", tileSources: "../data/testpattern.dzi",
minZoomImageRatio: 0, minZoomImageRatio: 0,
maxZoomPixelRatio: 10, maxZoomPixelRatio: 10
subPixelRoundingForTransparency: OpenSeadragon.SUBPIXEL_ROUNDING_OCCURRENCES.ALWAYS
}); });
window.c = viewer.drawer.canvas.getContext("2d");
viewer.addHandler("open", function(event) { viewer.addHandler("open", function(event) {
viewer.world.getItemAt(0).source.hasTransparency = function(){ return true; }
viewer.viewport.rotateTo(1);
var elt = document.createElement("div"); var elt = document.createElement("div");
elt.className = "runtime-overlay"; elt.className = "runtime-overlay";
elt.style.background = "green"; elt.style.background = "green";