From version 1.7 onwards, the Image Markup Tool now no longer uses SVG. Instead, annotation areas on the image are defined using the <facsimile>, <surface> and <zone> elements now available in the transcr
module of P5. The basic outline of the file format looks like this:
<TEI xmlns="http://www.tei-c.org/ns/1.0"> <teiHeader> <!-- Header content, including definitions of annotation categories. --> </teiHeader> <facsimile xml:id="imtAnnotatedImage"> <surface> <!-- The image which is annotated: --> <graphic url="imgMarkupLogo.png" width="377px" height="259px"></graphic> <!-- The zones on the image which are linked to annotations: --> <zone xml:id="imtArea_0" rendition="Graphical_Components" ulx="201" uly="42" lrx="341" lry="133" rend="visible"></zone> <zone xml:id="imtArea_1" rendition="Graphical_Components" ulx="36" uly="21" lrx="199" lry="122" rend="visible"></zone> </surface> </facsimile> <text> <body> <div xml:id="imtImageAnnotations"> <!-- The annotations which are linked to zones: --> <div corresp="#imtArea_0" type="imtAnnotation"> <head>Palm trees</head> <div> <p>Two palm trees form part of the image, for no good reason.</p> </div> </div> <div corresp="#imtArea_1" type="imtAnnotation"> <head>Illustration of an annotation rubber-band</head> <div> <p>This shows a resizable "rubber-band" used to outline the image area to which an annotation applies.</p> </div> </div> </div> </body> </text> </TEI>
You can see an example file here: tutorial/example_01.xml. You may have to use View Source to see the actual code.
The schema we're currently using (RelaxNG) is here:
It was generated using ROMA from this ODD file: