GroupDocs.Total-JS/annotation.html at master · groupdocs-total/GroupDocs.Total-JS · GitHub

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
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
<!DOCTYPE html>
<html>
    <head>
        <title>GroupDocs.Annotation</title>
        <link rel="stylesheet" href="packages/common/css/all.min.css">
        <link rel="stylesheet" href="packages/common/css/v4-shims.min.css">
        <link type="text/css" rel="stylesheet" href="packages/common/css/swiper.min.css">
        <link type="text/css" rel="stylesheet" href="packages/common/css/jquery-ui.min.css"/>
        <link type="text/css" rel="stylesheet" href="packages/common/css/circle-progress.css"/>
        <link type="text/css" rel="stylesheet" href="packages/viewer/css/viewer.css"/>
        <link type="text/css" rel="stylesheet" href="packages/viewer/css/viewer.mobile.css"/>
        <link type="text/css" rel="stylesheet" href="packages/viewer/css/viewer-dark.css"/>
        <link type="text/css" rel="stylesheet" href="packages/annotation/css/annotation.css"/>
		<link type="text/css" rel="stylesheet" href="packages/annotation/css/annotation.mobile.css"/>
		<link type="text/css" rel="stylesheet" href="packages/annotation/css/bcPicker.css"/>
		<link type="text/css" rel="stylesheet" href="packages/annotation/css/bcPicker.mobile.css"/>
        <script type="text/javascript" src="packages/common/js/jquery.min.js"></script>
        <script type="text/javascript" src="packages/common/js/swiper.min.js"></script>
        <script type="text/javascript" src="packages/common/js/jquery-ui.min.js"></script>
		<script type="text/javascript" src="packages/common/js/jquery.ui.touch-punch.min.js"></script>
		<script type="text/javascript" src="packages/common/js/jquery.initialize.min.js"></script>
		<script type="text/javascript" src="packages/common/js/es6-promise.auto.js"></script>
        <script type="text/javascript" src="packages/common/js/jquery.timeago.js"></script>
        <script type="text/javascript" src="packages/viewer/js/viewer.js"></script>
		<script type="text/javascript" src="packages/annotation/js/bcPicker.js"></script>
		<script type="text/javascript" src="packages/annotation/js/svg.min.js"></script>
		<script type="text/javascript" src="packages/annotation/js/svg.draw.js"></script>
		<script type="text/javascript" src="packages/annotation/js/drawSvgAnnotation.js"></script>
		<script type="text/javascript" src="packages/annotation/js/drawTextAnnotation.js"></script>
        <script type="text/javascript" src="packages/annotation/js/annotation.js"></script>
    </head>
    <body>
	    <div id="element"></div>
        <script type="text/javascript">
            var host = !window.location.hostname ? 'localhost' : window.location.hostname;
            $('#element').annotation({
				applicationPath: 'http://' + host + ':8080/annotation',
				defaultDocument: '',
				preloadPageCount: 0,
				pageSelector: true,
				download: true,
                upload: true,
                print: true,
                browse: true,
                rewrite: true,
                textAnnotation: true,
                areaAnnotation: true,
                pointAnnotation: true,
                textStrikeoutAnnotation: true,
                polylineAnnotation: true,
                textFieldAnnotation: true,
                watermarkAnnotation: true,
                textReplacementAnnotation: true,
                arrowAnnotation: true,
                textRedactionAnnotation: true,
                resourcesRedactionAnnotation: true,
                textUnderlineAnnotation: true,
                distanceAnnotation: true,
                downloadOriginal: true,
                downloadAnnotated: true,
				enableRightClick: true,
				zoom: true,
                fitWidth: true,
            });
        </script>
    </body>
</html>