examples/draw/Sencha.html

   1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
   2 "http://www.w3.org/TR/html4/strict.dtd">
   3 <html>
   4 <head>
   5     <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
   6     <title>Resizable Sencha Logo Component</title>
   7     <link rel="stylesheet" type="text/css" href="../../resources/css/ext-all.css" />
   8     <script type="text/javascript" src="../../bootstrap.js"></script>
   9     <script type="text/javascript" src="Sencha.js"></script>
  10     <link rel="stylesheet" type="text/css" href="../shared/example.css" />
  11 </head>
  12     <body>
  13         <h1>Resizable Sencha Logo Component</h1>
  14         <p>
  15             In the following example, we display the Sencha logo as a series of paths with 3 multi-stop gradients.  The logo was created with a drawing tool and exported to SVG, which we used for the pathing.  Because the new Ext.Draw system extends from Component, we get all the functionality available to any component. In this example, the component has been made resizable with a simple configuration.  Note that because we use vectors to define the image, it is scalable to any size and is fully resolution independent.  <a href="Sencha.js">View Source</a>.
  16         </p>
  17         <p>
  18             See our introductory blog post on the topic <a href="http://www.sencha.com/blog/ext-js-4-drawing-charting">here</a>.
  19         </p>
  20         <br>
  21     </body>
  22 </html>