Transformace dokumentů HTML na vektorovou grafiku SVG

Abstract

Tato diplomová práce řeší problematiku vykreslování HTML/CSS dokumentů pomocí vektorové grafiky ve formátu SVG. Cílem práce je návrh a implementace rozšíření knihovny CSSBox o možnost vektorového výstupu. Nejprve jsou popsány základy jazyka SVG a existující knihovny na platformě Java, které s SVG pracují. Dále je popsána knihovna CSSBox a postup vykreslování webových stránek v této knihovně. Poté následuje rozbor některých CSS3 vlastností. Hlavní částí této práce je návrh řešení renderování CSS3 vlastností jako jsou zaoblené rámečky, gradienty, nebo transformace. U jednotlivých CSS vlastností je popsána jejich specifikace podle standardu CSS3 a způsob řešení v jazyce SVG. Po návrhu následuje popis implementace výsledného rozšíření a nakonec je zhodnocena úspěšnost implementace při testování. V závěru práce jsou navržena možná rozšíření této práce.

This diploma thesis deals with the topic of rendering HTML/CSS documents using the Scalable Vector Graphics (SVG) language. The goal of this thesis is to design and implement an extension for the CSSBox library, which will be able to generate a vector output. First, we provide a description of the SVG language and some Java libraries that can be used for creating SVG documents. After that, there is description of the CSSBox library. Then, we perform an analysys of selected CSS3 features. The main part of this thesis is the design of a solution for rendering various CSS3 attributes such as rounded corners, gradients or transformations using SVG. After the design, there is a description of the implementation and evaluation of the achieved results using various tests. The conclusion offers some possibilities of extending this thesis.