Ext JS handles drawing by the use of SVG and Canvas (this depends on the browser capabilities). It's important to mention that Canvas is actually the default engine.
Tip
If you are migrating your code from Ext JS version 4 to 5, it's important that you check out the changes and notes about upgrading, because they are not the same. Also, the source code of charts and draw classes (properties, methods, and so on) is quite different. You can read more about this at http://docs.sencha.com/extjs/5.1/whats_new/5.0/charts_upgrade_guide.html.
Let's create our first code. It will draw some shapes and sprites, and we will see how the draw package works. Create the initial HTML file with the following code:
<!doctype html> <html> <head> <meta charset="utf-8"> <title>Draw - 01 - basics</title> <link rel="stylesheet" type="text/css" href="../ext-5.1.1/packages/ext-theme-neptune/build/resources/ext-theme-neptune-all.css"> <script src="../ext-5...