ikinci temizlik tamamlandı
This commit is contained in:
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,65 @@
|
||||
// @link WebViewerInstance: https://www.pdftron.com/api/web/WebViewerInstance.html
|
||||
// @link DocumentViewer: https://www.pdftron.com/api/web/Core.DocumentViewer.html
|
||||
// @link AnnotationManager: https://www.pdftron.com/api/web/Core.AnnotationManager.html
|
||||
// @link AnnotationManager.drawAnnotations: https://www.pdftron.com/api/web/Core.AnnotationManager.html#drawAnnotations__anchor
|
||||
// @link Annotations: https://www.pdftron.com/api/web/Annotations.html
|
||||
|
||||
WebViewer(
|
||||
{
|
||||
path: '../../../lib',
|
||||
|
||||
initialDoc: 'https://pdftron.s3.amazonaws.com/downloads/pl/form1.pdf',
|
||||
},
|
||||
document.getElementById('viewer')
|
||||
).then(instance => {
|
||||
samplesSetup(instance);
|
||||
const { documentViewer, annotationManager, Annotations } = instance.Core;
|
||||
|
||||
documentViewer.addEventListener('documentLoaded', () => {
|
||||
const pageCount = documentViewer.getPageCount();
|
||||
const defaultStyles = Annotations.WidgetAnnotation.getCustomStyles;
|
||||
const defaultContainerStyles = Annotations.WidgetAnnotation.getContainerCustomStyles;
|
||||
const customStyles = widget => {
|
||||
if (widget instanceof Annotations.TextWidgetAnnotation) {
|
||||
if (widget.fieldName === 'f1-1') {
|
||||
return {
|
||||
'background-color': 'lightgreen',
|
||||
};
|
||||
}
|
||||
return {
|
||||
'background-color': 'lightblue',
|
||||
color: 'brown',
|
||||
};
|
||||
}
|
||||
if (widget instanceof Annotations.PushButtonWidgetAnnotation) {
|
||||
return {
|
||||
'background-color': 'red',
|
||||
color: 'white',
|
||||
};
|
||||
}
|
||||
};
|
||||
|
||||
const customContainerStyles = widget => {
|
||||
if (widget instanceof Annotations.WidgetAnnotation) {
|
||||
return {
|
||||
border: '2px solid green',
|
||||
};
|
||||
}
|
||||
};
|
||||
|
||||
document.getElementById('form').onchange = e => {
|
||||
if (e.target.id === 'custom') {
|
||||
// Change styles for widget annotations
|
||||
Annotations.WidgetAnnotation.getCustomStyles = customStyles;
|
||||
Annotations.WidgetAnnotation.getContainerCustomStyles = customContainerStyles;
|
||||
} else {
|
||||
Annotations.WidgetAnnotation.getCustomStyles = defaultStyles;
|
||||
Annotations.WidgetAnnotation.getContainerCustomStyles = defaultContainerStyles;
|
||||
}
|
||||
for (let i = 0; i < pageCount; i++) {
|
||||
// Redraw canvas
|
||||
annotationManager.drawAnnotations(i + 1, null, true);
|
||||
}
|
||||
};
|
||||
});
|
||||
});
|
||||
@@ -0,0 +1,56 @@
|
||||
<!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 Customize Forms Demo</title>
|
||||
<script src="../../modernizr.custom.min.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
<div class="title sample">Customize Form Style Demo for PDF Viewer</div>
|
||||
</header>
|
||||
<aside>
|
||||
<h1>Controls</h1>
|
||||
<h2>Form field styles</h2>
|
||||
<form id="form">
|
||||
<input type="radio" name="form" id="default" checked />
|
||||
<label for="default">Default</label>
|
||||
<br />
|
||||
<input type="radio" name="form" id="custom" />
|
||||
<label for="custom">Custom</label>
|
||||
</form>
|
||||
<hr />
|
||||
<h1>Instructions</h1>
|
||||
<p>Use the buttons to change form field styles.</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
|
||||
['form-fields.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>
|
||||
Reference in New Issue
Block a user