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

1540 Remove support for array in the demo UI

Browse Source
This commit is contained in:
zero41120 2020-02-10 16:19:36 -08:00
parent ff70878bb9
commit a885c33433
1 changed files with 2 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
test/demo/cropping-polygons.html
View File

@ -42,13 +42,6 @@
<button id='resetBtn'>Reset</button> <button id='resetBtn'>Reset</button>
<button id='exampleBtn'>Load Example</button> <button id='exampleBtn'>Load Example</button>
</div> </div>
<div class='box-with-title'>
<div class="buttons">
<button id="addArrayBtn">Add Array as Polygon</button>
<button onclick="emptyElement('polygonArrayEl')">Clear</button>
</div>
<textarea id="polygonArrayEl"></textarea>
</div>
<div class='box-with-title'> <div class='box-with-title'>
<div class="buttons"> <div class="buttons">
<button id="addPointBtn">Add Points as Polygon</button> <button id="addPointBtn">Add Points as Polygon</button>
@ -81,12 +74,11 @@
<script> <script>
// Global Variables // Global Variables
var previewEl = document.getElementById('previewEl'); var previewEl = document.getElementById('previewEl');
var polygonArrayEl = document.getElementById('polygonArrayEl');
var polygonPointEl = document.getElementById('polygonPointEl'); var polygonPointEl = document.getElementById('polygonPointEl');
var examples = [ var examples = [
[[480,300],[300,420],[600,420]], // Triangle [{x: 480, y: 300},{x: 300, y: 420},{x: 600, y: 420}], // Triangle
[[300,550],[300,750],[600,750],[600,550]] // Rectangle [{x: 300, y: 550},{x: 300, y: 750},{x: 600, y: 750},{x: 600, y: 550}] // Rectangle
]; ];
// Load default examples // Load default examples
@ -116,7 +108,6 @@
var p = viewer.viewport.viewportToImageCoordinates(viewportPoint); var p = viewer.viewport.viewportToImageCoordinates(viewportPoint);
p.x = Math.round((p.x + Number.EPSILON) * 100) / 100 p.x = Math.round((p.x + Number.EPSILON) * 100) / 100
p.y = Math.round((p.y + Number.EPSILON) * 100) / 100 p.y = Math.round((p.y + Number.EPSILON) * 100) / 100
insertObjectToElement([p.x, p.y], polygonArrayEl);
insertObjectToElement({x:p.x, y:p.y}, polygonPointEl); insertObjectToElement({x:p.x, y:p.y}, polygonPointEl);
}); });
@ -144,10 +135,6 @@
console.log(error); console.log(error);
} }
} }
// Add clicked points to polygon tracker variable
document.getElementById('addArrayBtn').onclick = function(){
insertValueFromElementToPreviewElement(polygonArrayEl);
};
// Add clicked points to polygon tracker variable as point objects // Add clicked points to polygon tracker variable as point objects
document.getElementById('addPointBtn').onclick = function(){ document.getElementById('addPointBtn').onclick = function(){
@ -164,7 +151,6 @@
}; };
document.getElementById('resetBtn').onclick = function(){ document.getElementById('resetBtn').onclick = function(){
emptyElement('polygonArrayEl');
emptyElement('polygonPointEl'); emptyElement('polygonPointEl');
emptyElement('previewEl'); emptyElement('previewEl');
var tiledImage = viewer.world.getItemAt(0); var tiledImage = viewer.world.getItemAt(0);