This demo page designed to work with the latest generation of modern web-browsers, such as Firefox 28+, Google Chrome 30+ and IE11+. The Canvas 2D acceleration is essential. Speed optimizations in this demo are not attached.
BTW, there are some performance issues (and it is confirmed) in the Firefox 2D canvas acceleration, at least on the Linux 64 bit. And there are a lot of curves here... I hope you understand.
So, Google Chrome is highly recommended to use with this page. And you need to use rather powerful computer with the display width at least 1200px to use this demo with comfort.
Here you can set the editor parameters: paper size, margins, sample background etc.
Right now your canvas is empty. Well, you can add any object here, it's very easy. All you need to do is:
Tip: click on + or - button with pressed Shift will change value with 10x step.
Scroll mouse wheel over the control also will change value.
You can select any object by clicking on it.
Also you can click on the empty space and drag-n-drop selection rectangle to select object that intersects with this rectangle.
And eventually you can choose object on the page "Layers" (see top right corner).
You can select object by clicking on items above and use Up/Down + Enter to change selection or Ctrl + Up/Down to move layer above or below it's current position.
Ctrl + Click will select/unselect multiple objects simultaneously.
KineticJS, jQuery, Amplify.js, Twitter Bootstrap, Google WebFonts.