Precision Graphics Markup Language (PGML) este un limbaj pentru marcarea imaginilor scalabile bidimensionale, creat de Consortiul Web, utilizind modelul PostScript si PDF (Portable Document Format) integrat in Internet.

PGML ofera urmatoarele facilitati:

tipuri primitive de obiecte grafice: cai (paths), texte si imagini raster; caile reprezinta obiecte definite de proceduri ca moveto, lineto, curveto, closepath; aceste obiecte pot fi ulterior prevazute cu hasuri interioare sau exterioare, decupaje sau operatiuni de umplere; matrici de transformare: rotatii, scalari, translatii, inversari; precizie grafica: un sistem de coordonate, exprimat in numere intregi sau reale, este asociat printr-o matrice de transformare 2x3 unui cadru rectangular. Acest cadru poate fi fizic sau logic. precizie cromatica (conform specificatiilor ICC - International Color Consortium) si a fonturilor; transparenta, degradeuri si simboluri; gruparea obiectelor grafice si tratarea lor unitara, fiecare grup sau obiect individual putind avea asociat un nume (suport pentru limbaje script si animatie); legaturi hiper-media; atribut de adincime dind posibilitatea stabilirii ordinii de generare a obiectelor suprapuse. e7x17xb
Un document PGML are structura de mai jos:

<?xml version="1.0" ?>
<!DOCTYPE pgml SYSTEM "pgml.dtd">
<pgml>
<!-- elemente de desenare -->
</pgml>

Cai grafice
O cale grafica (path) este descrisa folosind conceptul de punct curent. Facind analogie cu desenatul pe hirtie, punctul curent poate fi vazut ca pozitia curenta a creionului. Pozitia creionului poate fi schimbata, lasind sau nu creionul pe hirtie, similar desenului efectuat de un plotter.

O cale este creata aplicind urmatoarele actiuni:

moveto seteaza un alt punct curent; lineto deseneaza un segment de dreapta; curveto deseneaza o curba Bezier; arc deseneaza un arc de cerc; closepath deseneaza o linie pina la ultimul moveto, inchizind figura descrisa de cale.
O cale in mod natural poate fi privita ca o compunere de sub-cai, fiecare putind avea anumite atribute specifice utilizate pentru a preciza:

decuparea desenului: clippath; umplerea cu o anumita culoare/pattern: fill, fillrule, fillcolor, stroke, strokecolor, opacity, antialias; modul de figurare a liniilor: linecap, dasharray, dashoffset, linejoin, linewidth.
Exemplu:

<path name="Triunghi">
<moveto x="0" y="400" />
<moveto x="200" y="0" />
<moveto x="400" y="400" />
<closepath />
</path>
<!-- Acest triunghi va fi folosit pentru ca decupaj pentru un dreptunghi -->
<path name="Dreptunghi" clippath="Triunghi">
<moveto x="0" y="100" />
<lineto x="400" /> <!-- y ramine neschimbat, nu se mai specifica -->
<lineto y="300" /> <!-- la fel si aici -->
<lineto x="0" />
<closepath />
</path>

Forme grafice
PGML contine urmatoarele obiecte (forme) grafice predefinite:

rectangle circle ellipse piewedge
Vom desena un disc umplut cu albastru avind frontiera de 2 pixeli, de culoare verde:

<circle fill="1" fillcolor="blue" stroke="2" strokecolor="green" cx="200" cy="200" r="150" />

Obiecte text
Sint precizate prin elementul <text>, putind fi specificate fontul folosit (atributul font), marimea (textsize), spatierea caracterelor (charspacing) si cuvintelor (wordspacing), locul de afisare (atributele x si y).

<text x="10" y="74" textsize="14">Un exemplu</text>

Sint suportate atit seturile ASCII, cit si Unicode.

Gruparea obiectelor grafice
In PGML exista facilitatea de a crea grupuri de obiecte grafice, pe care sa le manipulam sau sa le modificam in mod unitar:

<pgml>
<group fill="1">
<rectangle fillcolor="green" x="10" y="10" width="300" height="300" />
<group opacity="0.5">
<rectangle fillcolor="yellow" x="20" y="20"
width="200" height="200" />
<circle fillcolor="blue" cx="30" cy="30" r="50" />
</group>
</group>
</pgml>

Imagini
In cadrul documentelor PGML se pot introduce imagini prin elementul img exact ca si in HTML:

<img src="190" y="200" width="100" height="70" src="portret.gif" />

Legaturi
Legaturile sint specificate de atributele obligatorii xml:link="simple" si href="URL":

<path xml:link="simple" href="https://www.infoiasi.ro/circles">
<moveto x="10" y="10" />
<lineto x="200" y="200" />
<closepath />
</path>

Evenimente
Diferitelor elemente PGML (pgml, group, img, path, text) li se pot asocia evenimente conform standardului HTML 4:

evenimente mouse: onmousedown, onmouseup, onclick, ondblclick, onmouseover, onmouseout; evenimente generate de tastatura: onkeydown, onkeypress, onkeyup; evenimente generate de schimbarea starii documentului (aplicabile numai la pgml): onload, onunload.
Animatie
PGML ofera, prin elementul animation suport pentru simple efecte de animatie ca translarea unui grup de obiecte, transformarea dinamica si modificarea culorilor si opacitatii in timp a unei colectii de obiecte grafice.

Iata un exemplu:

<pgml>
<!-- Definim 2 cai, invizibile, una de translare, cealalta de viteza -->
<path name="Path1" visibility="0"></path>
<path name="Path2" visibility="0"></path>
<!-- Definim 2 cai, reprezentind schimbarea dimensiunii si opacitatii -->
<path name="Path3" visibility="0"></path>
<path name="Path4" visibility="0"></path>
<!-- Definim obiectul animat;
(refx, refy) e punctul de referinta de la care incepe translarea obiectului -->
<rectangle name="Anim" x=0 y=0 width=20 height=30 refx=10 refy=10 />
<!-- Animatia propriu-zisa -->
<animation target="Anim" starttime=0 duration=10 repetitions=5 motion="Path1" motionspeed="Path2" autorotate=1 scale="Path3" opacity="Path4" />
</pgml>

Transformarile asupra dreptunghiului se vor efectua de 5 ori, fiecare pas durind 10 secunde. La fiecare pas, initial punctul de referinta al obiectului (refx, refy) are asignat punctul de start al lui Path1, la sfirsit punctul de referinta ajungind la punctul de final al lui Path2.

Scalarea se va realiza utilizind coordonatele Y ale lui Path3, iar opacitatea va fi controlata de coordonatele Y ale lui Path4.

Acest gen de animatie nu permite sincronizarea cu alte resurse audio/video. Vom vedea mai tirziu in cadrul acestei prezentari ca acest lucru este posibil cu SMIL.

Extensibilitate
Desi aflat la inceputuri, PGML deja ofera un mecanism extensibil care permite posibilitatea de a utiliza servere de culori (tipuri de umplere disponibile la distanta), servere de obiecte (suport pentru reprezentari text tridimensionale), efecte de filtrare (intensificari, degradeuri etc.).

O extensie de oricare tip necesita prezenta elementului <extension> in cadrul sectiunii <head> a unui document PGML. Elementul <extension> va avea ca atribut obligatoriu un identificator de extensie, specificind tipul extensiei si locatia acesteia. Pentru fiecare tip de extensie exista un element corespunzator pentru a o inregistra: <paintserver>, <objectserver>, <filterserver>, <colorspaceserver>. O extensie poate fi implementata de o functie, intr-un limbaj script, un applet Java ori un control ActiveX.

Concluzii
Prin facilitatile oferite in domeniul graficii bidimensionale si prin suportul extensibil, PGML poate fi o alternativa viabila pentru documentele PDF, fiind usor de integrat in navigatoarele Web actuale. Cercetarile privind limbajul PGML sint continuate si in prezent de un grup de specialisti de la Consortiul Web.