html5画图文字样式,html5画板编辑写文字

【实例简介】

利用html5进行画图，写文字，编辑，拖拽，填充，图片标注、编辑等功能

【实例截图】

【核心代码】

jPainter-master

└── jPainter-master

├── colorpicker-master

│   ├── bower.json

│   ├── demo.html

│   ├── i18n

│   │   ├── jquery.ui.colorpicker-de.js

│   │   ├── jquery.ui.colorpicker-en.js

│   │   ├── jquery.ui.colorpicker-fr.js

│   │   ├── jquery.ui.colorpicker-nl.js

│   │   ├── jquery.ui.colorpicker-pt-br.js

│   │   └── jquery.ui.colorpicker-ru.js

│   ├── images

│   │   ├── 128

│   │   │   ├── bar-alpha.png

│   │   │   ├── bar.png

│   │   │   └── map.png

│   │   ├── bar-alpha.png

│   │   ├── bar-opacity.png

│   │   ├── bar.png

│   │   ├── bar-pointer.png

│   │   ├── map-opacity.png

│   │   ├── map.png

│   │   ├── map-pointer.png

│   │   ├── preview-opacity.png

│   │   └── ui-colorpicker.png

│   ├── index.html

│   ├── jqcolorpicker.jquery.json

│   ├── jquery.colorpicker.css

│   ├── jquery.colorpicker.js

│   ├── parsers

│   │   ├── jquery.ui.colorpicker-cmyk-parser.js

│   │   └── jquery.ui.colorpicker-cmyk-percentage-parser.js

│   ├── parts

│   │   ├── jquery.ui.colorpicker-memory.js

│   │   └── jquery.ui.colorpicker-rgbslider.js

│   ├── README.md

│   ├── swatches

│   │   ├── jquery.ui.colorpicker-crayola.js

│   │   ├── jquery.ui.colorpicker-pantone.js

│   │   └── jquery.ui.colorpicker-ral-classic.js

│   ├── test

│   │   ├── events.js

│   │   └── index.html

│   └── TODO

├── images

│   ├── EraserToolCursor.gif

│   ├── EraserTool.gif

│   ├── EraserTool.png

│   ├── PencilToolCursor.gif

│   ├── PencilToolCursor.png

│   ├── pixel1.png

│   ├── pixel2.png

│   ├── test.png

│   └── ui-colorpicker.png

├── jPainter_CN.html

├── jPainter.html

├── jquery-ui-1.11.0.custom

│   ├── external

│   │   └── jquery

│   │   ├── jquery-1.11.0.js

│   │   └── jquery.js

│   ├── images

│   │   ├── animated-overlay.gif

│   │   ├── ui-bg_diagonals-thick_18_b81900_40x40.png

│   │   ├── ui-bg_diagonals-thick_20_666666_40x40.png

│   │   ├── ui-bg_flat_10_000000_40x100.png

│   │   ├── ui-bg_glass_100_f6f6f6_1x400.png

│   │   ├── ui-bg_glass_100_fdf5ce_1x400.png

│   │   ├── ui-bg_glass_65_ffffff_1x400.png

│   │   ├── ui-bg_gloss-wave_35_f6a828_500x100.png

│   │   ├── ui-bg_highlight-soft_100_eeeeee_1x100.png

│   │   ├── ui-bg_highlight-soft_75_ffe45c_1x100.png

│   │   ├── ui-colorpicker.png

│   │   ├── ui-icons_222222_256x240.png

│   │   ├── ui-icons_228ef1_256x240.png

│   │   ├── ui-icons_ef8c08_256x240.png

│   │   ├── ui-icons_ffd27a_256x240.png

│   │   └── ui-icons_ffffff_256x240.png

│   ├── index.html

│   ├── jquery-ui.css

│   ├── jquery-ui.js

│   ├── jquery-ui.min.css

│   ├── jquery-ui.min.js

│   ├── jquery-ui.structure.css

│   ├── jquery-ui.structure.min.css

│   ├── jquery-ui.theme.css

│   └── jquery-ui.theme.min.css

├── js

│   ├── anyLine.js

│   ├── canvas.js

│   └── jquery-1.11.0.js

└── README.md

15 directories, 77 files