Introduction to SVG
Script SVG components from the library.
SVG Demos
SVG is a standard format for including vector graphics and animations in web pages or Electron applications.
SVG is also a format for storing and displaying vector images. In fact, the SVG file is displayed directly in the browser. It is slower than the Canvas API, but can be combined with other elements of the HTML page and, as we will see, can also come to life...
What can be done with SVG?
Application examples showing the capabilities of this format .
SVG vs Canvas
Which format should I choose to integrate graphics into my web page?
Displays
The Script language is used for the source code of some scripts, as it offers indispensable functions here. For example, objective orientation.
Scripting is compiled in JavaScript, which provides compatibility with many existing libraries.
SVG: Landing and programming by targets
Demonstration of objective programming applied to the lunar block presented in SVG.
SVG: Car on the road and schedule of events
We dynamically create an image tag that we move to the scenery made in SVG. We are planning an event that happens when the goal is achieved.
With the same commands as in electronic editing, the user can fold or unfold his finger.
Turning an SVG image into a JavaScript object gives you faster animation... Demonstration is enabled.
SVG: Create beautiful headers with a text tag.
You learn how to create filters, including a lighting filter, and apply them to text, as well as all text attributes in SVG.
See also...
- SVG in Kanwas. SVG images appear in the Canvas tag with minimal JavaScript interpreter.