JarCasting
JarCasting JarCasting

cropit

WebJar for cropit

Лицензия

Лицензия

MIT
Группа

Группа

org.webjars.npm
Идентификатор

Идентификатор

cropit
Последняя версия

Последняя версия

0.5.1
Дата

Дата
Тип

Тип

jar
Описание

Описание

cropit
WebJar for cropit
Ссылка на сайт

Ссылка на сайт

http://webjars.org
Система контроля версий

Система контроля версий

https://github.com/scottcheng/cropit

Скачать cropit

Имя Файла Размер
cropit-0.5.1.pom
cropit-0.5.1.jar 35 KB
cropit-0.5.1-sources.jar 22 bytes
cropit-0.5.1-javadoc.jar 22 bytes
Обзор

Как подключить последнюю версию

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

Зависимости

compile (1)

Идентификатор библиотеки Тип Версия
org.webjars.npm : jquery jar [1.9,)

Модули Проекта

Данный проект не имеет модулей.

cropit

CDNJS jsDelivr Hits

Customizable crop and zoom.

See demos and docs here.

Built on top of Yufei Liu's Image Editor.

Installation

# Install cropit with bower
$ bower install cropit

# or with npm
$ npm install cropit

Migrating to v0.5

v0.5 introduced rotation feature and improved performance, as well as a breaking changes in markup structure and class names.

Markup in v0.4:

<div class="image-editor">
  <!-- .cropit-image-preview-container is needed for background image to work -->
  <div class="cropit-image-preview-container">
    <div class="cropit-image-preview"></div>
  </div>
  <!-- Other stuff -->
</div>

New markup in v0.5:

<div class="image-editor">
  <div class="cropit-preview"></div>
  <!-- Other stuff -->
</div>

Note that .cropit-image-preview-container element is no longer needed, and all you need is a .cropit-preview (previously .cropit-image-preview) whether or not you want image background that goes beyond the preview area. New markup structure (after cropit is initialized) is as follows:

.cropit-preview
  .cropit-preview-background-container
    img.cropit-preview-background
  .cropit-preview-image-container
    img.cropit-preview-image

Note the class name changes:

.cropit-image-preview              => .cropit-preview
.cropit-image-background-container => .cropit-preview-background-container
.cropit-image-background           => .cropit-preview-background

Make sure to update class names in your selectors.

Development

  • Build: webpack
    • Watch for changes and rebuild: webpack -w
  • Test: npm test
    • Test specific file: jest <filename>
  • Lint: npm run jshint -s

License

MIT

Версии библиотеки

Версия
0.5.1