mirrors/pdf.js
1
0
Fork 0
mirror of https://github.com/mozilla/pdf.js.git synced 2025-04-22 16:18:08 +02:00
Code Activity

Implement support for polygon annotations

Browse source
This commit is contained in:
Tim van der Meij 2017-09-23 16:50:49 +02:00
parent 99b17a494d
commit 8ccad276b2
No known key found for this signature in database
GPG key ID: 8C3FD2925A5F2762
3 changed files with 32 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

12
src/core/annotation.js
View file

@ -90,6 +90,9 @@ class AnnotationFactory {
case 'PolyLine':
return new PolylineAnnotation(parameters);
case 'Polygon':
return new PolygonAnnotation(parameters);
case 'Highlight':
return new HighlightAnnotation(parameters);
@ -940,6 +943,15 @@ class PolylineAnnotation extends Annotation {
}
}
class PolygonAnnotation extends PolylineAnnotation {
constructor(parameters) {
// Polygons are specific forms of polylines, so reuse their logic.
super(parameters);
this.data.annotationType = AnnotationType.POLYGON;
}
}
class HighlightAnnotation extends Annotation {
constructor(parameters) {
super(parameters);

22
src/display/annotation_layer.js
View file

@ -83,6 +83,9 @@ class AnnotationElementFactory {
case AnnotationType.POLYLINE:
return new PolylineAnnotationElement(parameters);
case AnnotationType.POLYGON:
return new PolygonAnnotationElement(parameters);
case AnnotationType.HIGHLIGHT:
return new HighlightAnnotationElement(parameters);
@ -604,7 +607,7 @@ class PopupAnnotationElement extends AnnotationElement {
render() {
// Do not render popup annotations for parent elements with these types as
// they create the popups themselves (because of custom trigger divs).
const IGNORE_TYPES = ['Line', 'Square', 'Circle', 'PolyLine'];
const IGNORE_TYPES = ['Line', 'Square', 'Circle', 'PolyLine', 'Polygon'];
this.container.className = 'popupAnnotation';
@ -919,6 +922,9 @@ class PolylineAnnotationElement extends AnnotationElement {
let isRenderable = !!(parameters.data.hasPopup ||
parameters.data.title || parameters.data.contents);
super(parameters, isRenderable, /* ignoreBorder = */ true);
this.containerClassName = 'polylineAnnotation';
this.svgElementName = 'svg:polyline';
}
/**
@ -929,7 +935,7 @@ class PolylineAnnotationElement extends AnnotationElement {
* @returns {HTMLSectionElement}
*/
render() {
this.container.className = 'polylineAnnotation';
this.container.className = this.containerClassName;
// Create an invisible polyline with the same points that acts as the
// trigger for the popup. Only the polyline itself should trigger the
@ -953,7 +959,7 @@ class PolylineAnnotationElement extends AnnotationElement {
points = points.join(' ');
let borderWidth = data.borderStyle.width;
let polyline = this.svgFactory.createElement('svg:polyline');
let polyline = this.svgFactory.createElement(this.svgElementName);
polyline.setAttribute('points', points);
polyline.setAttribute('stroke-width', borderWidth);
polyline.setAttribute('stroke', 'transparent');
@ -970,6 +976,16 @@ class PolylineAnnotationElement extends AnnotationElement {
}
}
class PolygonAnnotationElement extends PolylineAnnotationElement {
constructor(parameters) {
// Polygons are specific forms of polylines, so reuse their logic.
super(parameters);
this.containerClassName = 'polygonAnnotation';
this.svgElementName = 'svg:polygon';
}
}
class HighlightAnnotationElement extends AnnotationElement {
constructor(parameters) {
let isRenderable = !!(parameters.data.hasPopup ||