1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
content / test / data / media / shape_detection_test.html [blame]
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<img id="myImage">
</body>
<script>
var img = document.getElementById("myImage");
function detectShapesOnImageUrl(detector, url) {
var detector = eval('new ' + detector + '()');
console.log(detector);
const completePromise = new Promise(resolve => {
img.onload = function() {
console.log('image loaded');
resolve();
};
})
.then(() => detector.detect(img))
.then(detectedObjects => {
var results = "";
console.log('something detected');
for (var i = 0; i < detectedObjects.length; i++) {
var boundingBox = detectedObjects[i].boundingBox;
var result = boundingBox.x + "," + boundingBox.y + "," +
boundingBox.width + "," + boundingBox.height;
results += result + "#";
}
return results;
})
.catch(error => {
console.error(error.message);
throw error;
});
img.src = url;
return completePromise;
}
</script>
</html>