tonetime-croptool

WebJar for tonetime-croptool

License

License

Categories

Categories

Net
GroupId

GroupId

org.webjars.bowergithub.tonetime
ArtifactId

ArtifactId

tonetime-croptool
Last Version

Last Version

1.0.0
Release Date

Release Date

Type

Type

jar
Description

Description

tonetime-croptool
WebJar for tonetime-croptool
Project URL

Project URL

http://webjars.org
Source Code Management

Source Code Management

https://github.com/tonetime/tonetime-croptool

Download tonetime-croptool

How to add to project

<!-- https://jarcasting.com/artifacts/org.webjars.bowergithub.tonetime/tonetime-croptool/ -->
<dependency>
    <groupId>org.webjars.bowergithub.tonetime</groupId>
    <artifactId>tonetime-croptool</artifactId>
    <version>1.0.0</version>
</dependency>
// https://jarcasting.com/artifacts/org.webjars.bowergithub.tonetime/tonetime-croptool/
implementation 'org.webjars.bowergithub.tonetime:tonetime-croptool:1.0.0'
// https://jarcasting.com/artifacts/org.webjars.bowergithub.tonetime/tonetime-croptool/
implementation ("org.webjars.bowergithub.tonetime:tonetime-croptool:1.0.0")
'org.webjars.bowergithub.tonetime:tonetime-croptool:jar:1.0.0'
<dependency org="org.webjars.bowergithub.tonetime" name="tonetime-croptool" rev="1.0.0">
  <artifact name="tonetime-croptool" type="jar" />
</dependency>
@Grapes(
@Grab(group='org.webjars.bowergithub.tonetime', module='tonetime-croptool', version='1.0.0')
)
libraryDependencies += "org.webjars.bowergithub.tonetime" % "tonetime-croptool" % "1.0.0"
[org.webjars.bowergithub.tonetime/tonetime-croptool "1.0.0"]

Dependencies

There are no dependencies for this project. It is a standalone project that does not depend on any other jars.

Project Modules

There are no modules declared in this project.

Tonetime-Croptool

  • Web component for croping an image.
  • No dependencies/No Frameworks (Polyfill is needed for browsers w/o webcomponent support)
  • Works on both mobile and web browsers.
  • 5k gzipped.
  • See examples here

Installation

Add crop tool script and if necessary a polyfill for older browsers.

<tonetime-croptool src='images/cat.jpg' ></tonetime-croptool>

Attributes

  • src: [image source]
  • range: [true | false] Show a range slider to zoom in and out. Will never show on mobile devices
  • cropbox-width,cropbox-height: [pct] Cropbox provides a background with a rectangluar box to crop the image
  • cropbox-fixed: [true | false] Do not allow the user to change the height/width of the cropbox.
  • starting-scale: Starting scale value. Default is minimum to fit in container..
  • accept-drop: [true | false] Accept images dragged into the component. Web browser only.

Function

  • drawCroppedImage(): returns the image data for the currently cropped image (in original size)

Versions

Version
1.0.0