Home / Course catalog / The fglsvgcanvas web component: Create... (BDL-003)


Get this course

Developer

The fglsvgcanvas web component: Create and Display Scalable Vector Graphics (SVG) (BDL-003)


Description
Create and Display Scalable Vector Graphics (SVG) using the fglsvgcanvas web component.
Content
  • Video: Tour the FourJs eLearning Portal
  • Course Introduction
  • Drawing
  • Why SVG?
  • Your first SVG application
  • Lab 1: Draw a simple SVG image
  • Building a bar chart
  • Lab 2: Create a Line Graph
  • Styling
  • Using styles
  • Lab 3: Apply styles to SVG elements
  • Interacting
  • Reacting to the mouse
  • Lab 4: Reacting to the mouse
  • Refining
  • Draw a pie chart
  • Lab 5: Path your line graph
  • Handling multiple canvases
  • Lab 6: Put it all together
  • Viewports, viewboxes, and preserveAspectRatio
  • Quiz: the fglsvgcanvas web component
Completion rules
  • You must complete the units "Course Introduction, Why SVG?, Your first SVG application, Lab 1: Draw a simple SVG image, Building a bar chart, Lab 2: Create a Line Graph, Using styles, Lab 3: Apply styles to SVG elements, Reacting to the mouse, Lab 4: Reacting to the mouse, Draw a pie chart, Lab 5: Path your line graph, Handling multiple canvases, Lab 6: Put it all together, Viewports, viewboxes, and preserveAspectRatio, Quiz: the fglsvgcanvas web component"
  • Leads to a certificate with a duration: Forever
Back