Compare Revisions

SVG In HTML Introduction

Change Revisions

Revision 54256:

Revision 54256 by Jeff Schiller on

Revision 54257:

Revision 54257 by Jeff Schiller on

Title:
SVG In HTML Introduction
SVG In HTML Introduction
Slug:
SVG_In_HTML_Introduction
SVG_In_HTML_Introduction
Tags:
SVG
SVG
Content:

Revision 54256
Revision 54257
t64      The page is mainly regular HTML, CSS and Javascript. The ont64      The page is mainly regular XHTML, CSS and Javascript. The o
>ly interesting part is the <svg> element it contains. This >nly interesting part is the <svg> element it contains. This
>element and its children are declared to be in the SVG namespace.> element and its children are declared to be in the SVG namespace
> The element contains a gradient and two shapes filled with the g>. The element contains a gradient and two shapes filled with the 
>radient. The gradient color stops have their colors set by CSS. W>gradient. The gradient color stops have their colors set by CSS. 
>hen the user enters something incorrect into the form, the script>When the user enters something incorrect into the form, the scrip
> sets the "invalid" attribute on the <body>, and a style ru>t sets the "invalid" attribute on the <body>, and a style r
>le changes the gradient end-stop color to red. (Another style rul>ule changes the gradient end-stop color to red. (Another style ru
>e makes an error message appear.)>le makes an error message appear.)

Back to History