- Expirience in working with HTML5 Canvas
- Expirience in working with either [url removed, login to view] or Raphaë[url removed, login to view]
Further development of a Canvas based module with considerable use of Fabric.js. The module allows user to design a product online by placing graphics and text within a Canvas. User is able to design online from within internet browser with no additional plugins needed to be installed.
Here is the link to our designing tool
[url removed, login to view]
Job tasks description:
1. Doubleclick selection
User should be able to select object (text/image) by double clicking on it. Right now you can't select object
above if the below object is selected.
2. Recognising ALT (PC) key instead of CMD (Mac)
Right now you are not able to insert special characters such as i.e. "ą, ó, ł, ć" on PC. The reason behind it is
that Fabric recoginises the ALT key as CMD.
3. Background and printarea color
Admin should be able to set backgound area when creating a template as well as setting the color of printarea.
4. Pasting text from other applications
User should be able to paste text copied from other applications or webpages in the text area.
5. Turning on/off bleed
If a template has bleeds set up, admin should be able to show or hide them in the front of the website. Bleeds should be placed outside the printarea. Here is more information about what bleeds are: [url removed, login to view](printing)
6. Color picker
We would like to change how the current color picker works. Right now to apply a color you need to:
a. select an text object
b. click on a color picker and select a color
c. set the color by clicking on a small rectange in the color picker popup
d. and finally click on "Recolor" button
And this is how it should work:
a. select an object
b. click on a color picker and select color
c. the color is dynamicly changing while I use the color wheel and set/saved once i click outside of the color picker popup
7. Color picker on SVG files
User should be able to change entire fill of an SVG file (they are aleady uploaded as cliparts). Even if it has more that one color it should fill the entire svg area with one selected from the color picker.
8. Turning off the "Snap to grid" option
Right now there is only option to turn on "Snap to grid". We want user to be able to turn it off so that it will no longer snap object to guide lines.
9. Showing used font on click
When clicking on text object, the Fonts select dropdown should change it's label to font used in this text object. If the text object is using more that one fonts, then the label should not change or should change to either one used.
10. Progress bar on upload
After uploading a photo from a harddrive there should be a progress bar (with %) that shows what is the current status of upload.
Another 2 things to do is :
11. Multipages - front end should support 2 or more pages for one design (like double sided business cards).
12. Undo / redo - function