<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>A Guide to Inkscape - Web Examples</title>
<meta name="generator" content="Bluefish 1.0.4"/>
<meta name="author" content="Tavmjong Bah"/>
<meta name="date" content="2006-02-08T13:38:07+0100"/>
<meta name="copyright" content="Copyright 2006"/>
<meta name="keywords" content="Inkscape, Drawing, SVG, Guide to Inkscape"/>
<meta name="description" content=""/>
<meta http-equiv="Content-Type" content="application/xhtml+xml; charset=UTF-8"/>
<meta http-equiv="Content-Style-Type" content="text/css"/>
<link rel="stylesheet" href="../html/manual.css" type="text/css"/>

</head>

<body bgcolor="white" text="black" link="#0000FF" vlink="#840084" alink="#0000FF">
 <div class="navheader">
  <table width="100%" summary="Navigation header">
   <tr><th colspan="3" align="center">A Guide to Inkscape - Web Examples</th></tr>
   <tr>
    <td width="20%" align="left"> <a accesskey="p" href="downloads.xml"><img src="../images/navigation/prev.png" alt="Prev"/></a></td>
    <th width="60%" align="center"> </th>
    <td width="20%" align="right"><a accesskey="n" href="svg_tests.xml"><img src="../images/navigation/next.png" alt="Next"/></a></td>
   </tr>
  </table>
  <hr/>
 </div>

 <div class="book" lang="en">
  <div class="titlepage">
   <div>
    <h1 class="title">A Guide to Inkscape - Web Examples</h1>
   </div>
  </div>
 </div>

 <h1>Out of date</h1>
 <h2>An SVG rectangle (via &lt;object&gt; tag)</h2>

 <p>Mostly likely will not work in IE with Adobe plugin.</p>
 
 <object type="image/svg+xml" data="../images/WEB/web_square_plain.svg">
	  Your browser does not support SVG files via &lt;object&gt; tag!
  To obtain a browser with support, download the latest version of
  <a href="http://www.mozilla.com/firefox/">Firefox</a>.
 </object>

 <p>
  <a href="../images/WEB/web_square_plain.svg">Source</a>
 </p>

 <h2>An SVG rectangle (via &lt;embed&gt; tag)</h2>

 <p>Not part of XHTML or HTML 4 standard!</p>

 <embed src="../images/WEB/web_square_plain.svg" />

 <p>
  <a href="../images/WEB/web_square_plain.svg">Source</a>
 </p>

 <h2>An SVG rectangle (via &lt;object&gt; or &lt;embed&gt; tag)</h2>

 <p>Using an IE conditional comment to choose which to use:</p>

  <object type="image/svg+xml" data="../images/WEB/web_square_plain.svg">
   Your browser does not support SVG files!
  </object>

 <h2>An SVG rectangle (via Name spaces)</h2>

 <p>Only in Firefox and Opera! Must be .xml file for Firefox.</p>
 
 <!-- Created with Inkscape (http://www.inkscape.org/) -->
  <svg:svg
    xmlns:svg="http://www.w3.org/2000/svg"
    xmlns="http://www.w3.org/2000/svg"
    version="1.0"
    width="150"
    height="150"
    id="svg1341">
   <defs
      id="defs1343" />
   <g
      id="layer1">
     <rect
        width="90"
        height="90"
        x="30"
        y="30"
        style="fill:#0000ff;fill-opacity:0.75;stroke:#000000;stroke-width:1px"
        id="rect1353" />
   </g>
 </svg:svg>
 <a href="../images/WEB/web_square_namespace.xml">Source</a>
 <br/>
 <a href="web_examples_namespace.xml">xml file for Firefox.</a>
 
 <h2>An SVG rectangle with Link</h2>
 
 <p>Cursor should change when over square.</p>

 <object type="image/svg+xml" data="../images/WEB/web_square_plain_link.svg">
  Your browser does not support SVG files!
 </object>

 <p>
  <a href="../images/WEB/web_square_plain_link.svg">Source</a>
 </p>

 <h2>An SVG rectangle with Style Sheet</h2>

 <p>Cursor and color should change when cursor over square.</p>

  <object type="image/svg+xml" data="../images/WEB/web_square_plain_style.svg">
  Your browser does not support SVG files!
 </object>
 
 <p>
  <a href="../images/WEB/web_square_plain_style.svg">Source</a>
 </p>

 <h2>An SVG rectangle with Animation via Script</h2>

 <p>Square should oscillate back and forth.</p>
 
 <object type="image/svg+xml" data="../images/WEB/web_square_plain_anim.svg">
  Your browser does not support SVG files!
 </object>
 
 <p>
  <a href="../images/WEB/web_square_plain_anim.svg">Source</a>
 </p>

 <div class="navfooter">
  <hr/>
  <table width="100%" summary="Navigation footer">
   <tr>
    <td width="40%" align="left">  <a accesskey="p" href="downloads.xml">  <img src="../images/navigation/prev.png" alt="Prev"/></a> </td>
    <td width="20%" align="center"><a accesskey="u" href="../../index.html"><img src="../images/navigation/up.png"   alt="Up"/></a></td>
    <td width="40%" align="right"> <a accesskey="n" href="svg_tests.xml">  <img src="../images/navigation/next.png" alt="Next"/></a></td>
   </tr>
   <tr>
    <td width="40%" align="left" valign="top">Downloads </td>
    <td width="20%" align="center"><a accesskey="h" href="../html/index.html"><img src="../images/navigation/home.png" alt="Table of Contents"/></a></td>
    <td width="40%" align="right" valign="top">SVG Tests</td>
   </tr>
  </table>
 </div>
 <hr/>
 <p class="copyright">© 2006 Tavmjong Bah.<img src="../images/Feather3.png" alt=""/></p>
</body>
</html>
