Komponenty pro výukový materiál - HTML elementy Canvas a SVG

Abstract

Cílem této bakalářské práce je uvedení do problematiky a základů dvourozměrné grafiky, jak vektorové, tak bitmapové, a její následné animace ve webovém prostředí. Na začátku se práce věnuje definování základních tvarů elementů SVG a Canvas. Další část je věnována popisu animačních možností obou elementů. Třetí kapitola je zaměřena na analýzu volně dostupných ECMAScriptových knihoven, které je možné použít pro práci s oběma elementy. Hlavním kritériem byla určena vizualizace, a to především vzhledem k tématu bakalářské práce. V praktické části práce bylo důležité vytvoření sady příkladů (https://codepen.io/fpe-zcu-tutorial) a e-kurzu. Příklady jsou editovatelné, přičemž je zároveň vidět jejich výsledná podoba. K tomuto bylo užito vývojářské sociální prostředí CodePen. Online kurz je provozován v univerzitním prostředí Moodle. S tímto řešením se mohou studenti připojit do kurzu pomocí STAGu (https://moodle.athos.zcu.cz/course/view.php?id=23).

Description

Subject(s)

svg, canvas, animation, počítačová grafika, ecmascript, smil, vektorová grafika, bitmapová grafika, d3, bonsaijs, raphaël, paper, highcharts, chart, javascript infovis toolkit, pixijs, plotly.

Citation

OPEN License Selector