CodeCanyon Easy Paint Browser 19279900

CodeCanyon Easy Paint Browser 19279900

CodeCanyon Easy Paint Browser 19279900
JavaScript \ Images and Media
Technology \ Last \ Paint \ Webpack \ Save \ Javascript \ Draw \ Canvas \ Gulp \ Html

JavaScript - Easy Paint Browser 19279900 by cocavet @ CodeCanyon

JavaScript \ Images and Media

High Resolution: No; Compatible Browsers: IE11, Firefox, Safari, Opera, Chrome, Edge; Files Included: JavaScript JS, HTML, CSS; Software Version: jQuery, EXT JS 6, Node.js.

e C an easy paint tool
e' is a simple image maker. Allows you to create your own images and save them once they are finished. In addition, you can add more colors in the palette and brushes.

Technology
e' Use the latest technology. It's created with canvas and html5 in an environment configured with npm, gulp and webpack. Babel (ES6) is used for javascript and sass to generate css. All optimized through classes and structured js.

Characteristics
Colors

It starts with 6 colors that can be expanded as needed.

Brushes

The program starts with 5 brushes that can be edited or enlarged.

Undo and reUndo

All steps are saved. Therefore, it can be undo and reundo as many times as desired.

Delete

If we do not like what we are doing, we can start again.

save

You can save the images to the desktop by pressing save button.

Options
All options are in a single file that is located in the js / const.js folder. There you can edit the canvas size, colors and brushes.

Canavas

const CANVAS = {
width : $(document).width(),
height : $(document).height(),
id : 'paint',
step : -1
}
By default, canvas width and size are the same to browser size. You can modify it and modify id canvas item.

Colors

const COLORS = {
current : '#7B8D8E',
gray : '#7B8D8E',
red : '#E45641',
blue : '#44B3C2',
brown : '#5D4C46',
yellow : '#F1A94E',
green : '#53EAC8',
}
If you need another color, add in the object with their hexadecimal value. For example.

black : '#000'
You should do npm run build if you would see the changes. Then, Black will appear in your palette.

Brushes

const BRUSH = {
current : 3,
small : 3,
medium : 5,
big : 7,
extraBig : 12,
thebig : 18
}
If you need another weight, add in the object with their value pixels value. For example.

giant : 40
You should do npm run build if you would see the changes. Then, new giant brush will appear in your palette.

Enjoy it

PAPERPLANE.

Keywords: Babel, canvas, draw, gulp, html5, image, javascript, js, last technology, npm, paint, save, webpack.



Tags: Paint, Technology, Webpack, Javascript, Babel, Browser

Premium CodeCanyon Easy Paint Browser 19279900 WordPress Themes, Website Templates, Mobile Themes, Flash Templates & Scripts from creative professional designers. Full details of CodeCanyon Easy Paint Browser 19279900 for digital design and education. CodeCanyon Easy Paint Browser 19279900 desigen style information or anything related.

Comments:

Name:*
E-Mail:*
Add Comments:
Enter Code: *