Create a better API

[brizental]

This project grew too much and too fast, it's initial API isn't really holding up anymore. This is my idea for a new and improved API.

IdCrop API

Containers

• [x] displaySelector CSS selector for the containerof the display area (required)
• [x] toolbarSelector CSS selector for the container of the toolbar (default="")
• [x] previewSelector CSS selector for the container of the preview area (default="")

Features

• [x] points Number of points (default=4)
• [x] croppingArea
  • [x] overlayColor The color of the overlay around the cropping area (default="rgba(0, 0, 0, .7)")
  • [x] stroke Wether or not to add a stroke around the cropping area (default=true)
  • [x] strokeColor The color of the stroke around the cropping area (default="white")
  • [x] strokeDashed Wether or not the stroke is dashed (default=true)
  • [x] strokeWeight The weight of the stroke around the cropping area (default=2)
• [x] crop
  • [x] overlayColor The color of the overlay around the crop (default="rgba(0, 0, 0, 0)")
  • [x] fillColor The color of the fill inside the crop (default="false")
  • [x] showImage Wether or not to show the image inside the crop polygon. (default="true")
  • [x] stroke Wether or not to add a stroke around the crop (default=false)
  • [x] strokeColor The color of the stroke around the crop (default="false")
  • [x] strokeDashed Wether or not the stroke is dashed (default="false")
  • [x] strokeWeight The weight of the stroke around the cropping area (default=0)
• [x] handles
  • [x] class Any aditional classes to be added to the handles (default="")
  • [x] defaultStyles Wether or not to add the default styles to the handles. (default="false")

Events

• [x] onCreated When the cropper is loaded for the first time
• [x] onHandleCreated When a new handle is added
• [x] onResized When any of the handles is moved
• [x] onCrop When a cropping action happens

Getters

• [x] getPoints Return the positions of the points relative to the real image.