je5Library to simplify the use of html5  home           A simple banner je5                    Slide Show je5Example slide...
A simple banner with je5 Create banner je5 onlineje5(#,banner) +je5_gradient (0,0,900,620,#ffffff,#000000,#ffffff,9,0,0)+j...
Rectangle//function rectangle -> draw rectangle//parameters//fill_color -> fill color//border_color -> border color//width...
Circle//function je5_circle -> draw circle//parameters//fill_color -> fill color//border_color -> border color//width_bord...
Quadratic Curve//function je5_quadratic_curve -> draw quadratic curve//parameters//fill_color -> fill color//border_color ...
//shadow_b -> shadow blur//shadow_ox -> x position Offset//shadow_oy -> y position Offset/////////////////////////////////...
////////////////////////////////////////////////////////////je5(#, pa)+je5_pattern(0, 0, 578, 200, repeat, http://www.je5....
Combining functions:star_xt,star_yt,center_x_1,center_y_1,center_x_2,center_y_2,end_x,end_yDiagramsje5(#, pat)+je5_line(bl...
c Home© je5 2013   Back to Top
Upcoming SlideShare
Loading in...5
×

je5 pdf

279

Published on

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
279
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
4
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

je5 pdf

  1. 1. je5Library to simplify the use of html5 home A simple banner je5 Slide Show je5Example slide show with je5 and jquery The aim of this project is to make the interaction between javascript and HTML5 easier. We have started working with canvas, but our purpose is to expand it to all kind of components of HTML5, like sockets, etc. How to use... Download je5 here and upload it into your code. Then, insert the following code between the <head></head> tags: <script type="text/javascript" src="/your_folder_path/je5.js"></script> //Function main je5 //parameters //t -> type //q -> name type //////////////////////////////////////////////////////// je5(t, q);
  2. 2. A simple banner with je5 Create banner je5 onlineje5(#,banner) +je5_gradient (0,0,900,620,#ffffff,#000000,#ffffff,9,0,0)+je5_rectangle(transparent,blue,1,0,0,900,620)+je5_txt(80pt Calibri,#ffffff,4.1,#000000,star,alphabetic,A SimpleBanner nnnn with je5,22,118,false,false,false,false,false,false,false, 115)+je5_img(http://farm6.staticflickr.com/5175/5410923901_ac97ce24c3_o.png, 261, 163, 341, 313);Image by: http://www.flickr.com/photos/josefdunne/Imageshttp://www.je5.es/css/imgs/code_logo.jpg" //function img -> draw images//parameters//url -> url img//x -> x position//y -> y position//w -> width//h -> high////////////////////////////////////////////////////////////je5(#, img)+je5_img(http://www.je5.es/je5_logo.jpg, 0, 0, 200, 220);
  3. 3. Rectangle//function rectangle -> draw rectangle//parameters//fill_color -> fill color//border_color -> border color//width_border -> border width//x -> x position//y -> y position//w -> width//h -> high//shadow_c -> shadow color//shadow_b -> shadow blur//shadow_ox -> x position Offset//shadow_oy -> y position Offset////////////////////////////////////////////////////////////je5(#, r)+je5_rectangle(blue, #ffff00, 5, 20, 10, 300, 150, red, 27, 10, 10);Linefill_color, border_color, width_border, //function je5_line -> line draw//parameters//color -> line color//thick_line -> thick line//end_type -> end type//x -> x position//y -> y position//w -> width//h -> high//shadow_c -> shadow color//shadow_b -> shadow blur//shadow_ox -> x position Offset//shadow_oy -> y position Offset////////////////////////////////////////////////////////////je5(#, l)+je5_line(blue, 10, round, 10, 10, 300, 50, blue, 27, 10, 10);
  4. 4. Circle//function je5_circle -> draw circle//parameters//fill_color -> fill color//border_color -> border color//width_border -> border width//x -> x position//y -> y position//r -> circle radius//start -> angle to start the arc//stop -> angle to stop the arc//shadow_c -> shadow color//shadow_b -> shadow blur//shadow_ox -> x position Offset//shadow_oy -> y position Offset////////////////////////////////////////////////////////////je5(#, c)+je5_circle(#CEA000, green, 5, 150, 100, 95, 50, 50, blue, 27, 10, 10);Oval//function je5_oval -> oval//parameters//x -> x position//y -> y position//r -> radio//traslate_x -> traslate position x//traslate_y-> traslate position y//scale_x -> scale x//scale_y -> scale y//fill_color -> fill color//line_w line -> whith line//border_color _> border color//shadow_c -> shadow color//shadow_b -> shadow blur//shadow_ox -> x position Offset//shadow_oy -> y position Offset////////////////////////////////////////////////////////////je5(#, oval)+je5_oval(0, 0, 50, 150, 100, 2, 1, yellow, 5, black, yellow, 27, 10, 10);
  5. 5. Quadratic Curve//function je5_quadratic_curve -> draw quadratic curve//parameters//fill_color -> fill color//border_color -> border color//width_border -> border width//x -> x position//y -> y position//x1 -> x1 position//y1 -> y1 position//x2 -> x2 position//y2 -> y2 position//shadow_c -> shadow color//shadow_b -> shadow blur//shadow_ox -> x position Offset//shadow_oy -> y position Offset////////////////////////////////////////////////////////////je5(#, q_c)+je5_quadratic_curve(red, green, 5, 188, 150, 288, 0, 388, 150, green, 27, 10, 10);Bezier Curve//function je5_bezier_curve -> draw bezier curve//parameters//fill_color -> fill color//border_color -> border color//width_border -> border width//x -> x position//y -> y position//x1 -> x1 position//y1 -> y1 position//x2 -> x2 position//y2 -> y2 position//x3 -> x3 position//y3 -> y3 position//shadow_c -> shadow color
  6. 6. //shadow_b -> shadow blur//shadow_ox -> x position Offset//shadow_oy -> y position Offset////////////////////////////////////////////////////////////je5(#, b_c)+je5_bezier_curve(transparent, #C7CDD1, 5, 188, 150, 140, 10, 388, 10, 388, 170, purple, 27, 10, 10);Linear Gradient//function je5_gradient -> linear gradient//parameters//x -> x start//y -> y start//x1 -> x end//y1 -> y end//color1 -> color start//color2 -> color end//shadow_c -> shadow color//shadow_b -> shadow blur//shadow_ox -> x position Offset//shadow_oy -> y position Offset////////////////////////////////////////////////////////////je5(#, g)+je5_gradient(0, 0, 600, 150, #8ED6FF, #000003, purple, 27, 10, 10);Pattern//function je5_pattern -> Pattern//parameters//x -> x position//y -> y position//w -> width//h -> high//option -> option example repeat//img -> link img//shadow_c -> shadow color//shadow_b -> shadow blur//shadow_ox -> x position Offset//shadow_oy -> y position Offset
  7. 7. ////////////////////////////////////////////////////////////je5(#, pa)+je5_pattern(0, 0, 578, 200, repeat, http://www.je5.es/indice.jpg, #C9820C, 27, 10, 10);Text//function je5_Text -> Text//parameters//fonts_text -> font//color_text -> text color//line_w -> stroke width//stroke_color -> stroke color//aling_text -> text aling//baseline_text -> text baseline//text -> text//x -> x position//y -> y position//reflex -> mirror text h -> horizontal v -> vertical//traslate_reflex_x -> traslate mirror position x//traslate_reflex_y -> traslate mirror position y//shadow_c -> shadow color//shadow_b -> shadow blur//shadow_ox -> x position Offset//shadow_oy -> y position Offset//line_height -> separation between lines////////////////////////////////////////////////////////////je5(#, txt)+je5_txt(50pt Calibri, red, false, false, center, middle, Welcome to je5!, 500, 100)+je5_txt(50ptCalibri, false, 4, blue, left, middle, Welcome to je5!, 500, 150)+je5_txt(52pt Calibri, #000003, 6, blue, right,middle, Welcome to je5!, 550, 200)+je5_txt(40pt Calibri, green, false, false, right, middle, Welcome to je5!,500, 130, h, 900, 140, red, 27, 10, 10);
  8. 8. Combining functions:star_xt,star_yt,center_x_1,center_y_1,center_x_2,center_y_2,end_x,end_yDiagramsje5(#, pat)+je5_line(blue, 5, round, 100, 20, 200, 160)+je5_quadratic_curve(transparent, blue, 5, end_x,end_y, 230, 200, 250, 120)+je5_bezier_curve(transparent, blue, 5, end_x, end_y, 290, -40, 300, 200, 400, 150)+je5_line(blue, 5, round, end_x, end_y, 500, 90);Joining linesje5(#, u_l)+je5_line(black, 30, round, 100, 20, 200, 160) +je5_line(black, 30, round, end_x, end_y, 500, 90);Rectangle + Linear Gradientje5(#, r_g)+je5_gradient(0, 0, 600, 150, #8ED6FF, #000003)+je5_rectangle(transparent, #ffff00, 5, star_x,star_y, end_x, end_y);
  9. 9. c Home© je5 2013 Back to Top

×