examples/draw/Tiger.html

   1 <html>
   2 <head>
   3     <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
   4     <title>Draggable Tiger Component</title>
   5     <link rel="stylesheet" type="text/css" href="../../resources/css/ext-all.css" />
   6     <script type="text/javascript" src="../../bootstrap.js"></script>
   7     <script type="text/javascript" src="Tiger.js"></script>
   8     <link rel="stylesheet" type="text/css" href="../shared/example.css" />
   9     <style>
  10         .cursor-dragme {
  11             cursor: move;
  12         }
  13     </style>
  14 </head>
  15     <body>
  16         <h1>Draggable Tiger Component</h1>
  17         <p>
  18             The following example shows the classic SVG Tiger.  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 floatable and draggable while constraining it to the document body. Note that because we use vectors to define the image, it is scalable to any size and is fully resolution independent.<a href="Tiger.js">View Source</a>.
  19         </p>
  20         <p>
  21             See our introductory blog post on the topic <a href="http://www.sencha.com/blog/ext-js-4-drawing-charting">here</a>.
  22         </p>
  23         <br>
  24     </body>
  25 </html>