ImageEditor v0.5


200831018439343.png
(Image above was drawn by ImageEditor)


Brief


brief_image

brief_image_en.png

ImageEditor is an editor component for zbXE which can create or modify drawings providing various painting tools.

(pencil, brush, pixel painting, eraser, line, rectangle, circle,
ellipse, fill, text, layer managing, square selection&modification,
mere filters&effects function)



v0.5 Changes


  • Brush tool added
  • Local file load function added (direct upload from pc)


Updates


  1. Local file load function added
  2. Brush tool added
  3. Thickness limit value extended


Bug fix


  1. Adding a waste layer in loading process - fixed
  2. Misapplying filter in selection area - fixed
  3. "Write Content" bug - fixed(expectation)


Download







Functions

Tools

  • selection.png Selection


    Using this tool, you can move, resize, dupliate, trace specified rectangular part.



    ctrl key + move/resize - duplicate

    shift key + move/resize - trace

    delete key - delete

  • pencil.png Pencil


    You can draw freely with pencil tool.

  • brush.png Brush

    You can draw high-quality drawing.

  • pixel.png Pixel Painting

    You can edit pixels one by one with pixel painting tool.
    More useful when you magnify the canvas.

  • eraser.png Eraser

    Erase!

  • line.png Line

    You can draw a line simply

  • .rectangle.png Rectangle

           You can draw a rectangle.
           rounded-corner supported.
  • circle.png Circle
          You can draw a circle.
  • ellipse.png  Ellipse
          You can draw an ellipse.

  • text.png  Text
                         text box.png
          
          Window like above picture comes up, and you can insert text easily

  • fill.png Flood Fill

    fill~



layer.png Layer


                           layerbox.png


You can manage layers.
layers can be replaced by dragging. (z-index)


filter.png Filter


filterbox.pngfilterbox.png


You can apply some filters.


undoredo.png Undo/Redo

Undo/Redo supported.


Short keys are also supported. (each are ctrl+z, ctrl+y)




Properties

                            property.png
Magnification, thickness, color(line color,fill color), alpha, refine(antialiasing), corner settings.




instruction



  1. Download


  2. Upload to your server
             ftp.png

    upload in (zbxe root)/modules/editor/components/ folder

  3. Etc.

    • Choosing component button image.

             icon1.gificon2.gif icon3.gif

            (icon1.gif, icon2.gif, icon3.gif)

                There are 3 default types of icon in the folder.

                You can choose just one of image file and change name to icon.gif then uploard it

                    or you can modify the psd file to use.


                Default icon.gif is icon1.gif.






You would..
profile