Object3D → AnnotationControl →

Annotation

This class is used to create and display 2D HTML sprites called annotations. Annotation may contain an optional dialog text (or HTML layout) which appears when the user clicks on the annotation label.

Example


var annotation = new v3d.Annotation(container, 'A', 'Hello! ...');
app.scene.add(annotation);

Styles

Verge3D offers two CSS classes to define annotation look:

.v3d-annotation - used for annotation labels.
.v3d-annotation-dialog - used for annotation dialogs.

You can override these classes in your own applications. For example, to make your annotations red:


.v3d-annotation {
  background: red;
}
.v3d-annotation-dialog {
  background: red;
}

Constructor

Annotation(container, character, text)

container - the id of an HTML-element or the HTML-element itself which will contain the annotation.
character - a symbol displayed inside the annotation label e.g "1", "2", "3" or "A", "B", "C". In fact, the label character can be a string of any length.
text - a text displayed in the annotation popup dialog. This dialog appears when the user clicks on the annotation. It may contain HTML formatted text as well. Specify an empty line to disable the popup dialog feature.