Rotate Text.html 1.0 KB

12345678910111213141516171819202122232425
  1. <html>
  2. <head>
  3. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
  4. <title>Rotating Text with a Draw Component</title>
  5. <link rel="stylesheet" type="text/css" href="../../resources/css/ext-all.css" />
  6. <script type="text/javascript" src="../../ext-all.js"></script>
  7. <script type="text/javascript" src="RotateText.js"></script>
  8. <link rel="stylesheet" type="text/css" href="../shared/example.css" />
  9. <!-- GC -->
  10. </head>
  11. <body>
  12. <h1>Rotating Text with a Draw Component</h1>
  13. <p>
  14. In this example, you can see how easy it is to create text in a Draw Component which can be rotated easily in any browser. Use the slider to spin the text 360 degrees.<a href="RotateText.js">View Source</a>.
  15. </p>
  16. <p>
  17. See our introductory blog post on the topic <a href="http://www.sencha.com/blog/ext-js-4-drawing-charting">here</a>.
  18. </p>
  19. <br>
  20. <div id='slider-ph'></div>
  21. <div id='text-ph'></div>
  22. </body>
  23. </html>