| Server IP : 212.252.79.165 / Your IP : 216.73.217.172 [ Web Server : Apache System : Linux 212-252-79-165.cprapid.com 5.15.0-153-generic #163-Ubuntu SMP Thu Aug 7 16:37:18 UTC 2025 x86_64 User : cehaburo ( 1001) PHP Version : 8.1.33 Disable Function : exec,passthru,shell_exec,system Domains : 48 Domains MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : ON | Pkexec : ON Directory : /home/cehaburo/www/pdfjs/samples/annotation/custom-annotations/ |
Upload File : |
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<link rel="stylesheet" href="../../style.css" />
<script src="../../../lib/webviewer.min.js"></script>
<script src="../../old-browser-checker.js"></script>
<script src="../../global.js"></script>
<title>JavaScript PDF Viewer Custom Annotation Demo</title>
<script src="../../modernizr.custom.min.js"></script>
</head>
<body>
<header>
<div class="title sample">Custom Annotation Demo for PDF Viewer</div>
</header>
<aside>
<h1>Controls</h1>
<h2>Custom annotation tools</h2>
<input type="checkbox" id="custom-triangle-tool" />
<label for="custom-triangle-tool">Custom triangle tool</label>
<br />
<input type="checkbox" id="custom-stamp" />
<label for="custom-stamp">Custom stamp tool</label>
<h2>Sample stamp</h2>
<div>
<img id="sample-image" draggable="true" src="./stamp.png" />
</div>
<h2>Add a custom stamp</h2>
<input id="file-open" type="file" />
<hr />
<h1>Instructions</h1>
<p>Toggle checkboxes to create/destroy custom annotation tools.</p>
<p>Click the sample image to add a stamp</p>
<p>Create your own custom stamp</p>
</aside>
<div id="viewer"></div>
<script src="../../menu-button.js"></script>
<!--ga-tag-->
<script>
Modernizr.addTest('async', function() {
try {
var result;
eval('let a = () => {result = "success"}; let b = async () => {await a()}; b()');
return result === 'success';
} catch (e) {
return false;
}
});
// test for async and fall back to code compiled to ES5 if they are not supported
[
'stamp.js',
'./triangle/triangle-control-handle.js',
'./triangle/triangle-selection-model.js',
'./triangle/triangle-annotation.js',
'./triangle/triangle-create-tool.js',
'custom-annotations.js',
].forEach(function(js) {
var script = Modernizr.async ? js : js.replace('.js', '.ES5.js');
var scriptTag = document.createElement('script');
scriptTag.src = script;
scriptTag.type = 'text/javascript';
document.getElementsByTagName('head')[0].appendChild(scriptTag);
});
</script>
</body>
</html>