forked from blueimp/JavaScript-Load-Image
-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Added sourceWidth, sourceHeight, top, right, bottom and left options …
…to allow arbitrary cropping. Closes blueimp#31 Moved orientation functionality into a separate file. Added the Jcrop plugin to the demo to visualize the new cropping features.
- Loading branch information
Showing
15 changed files
with
2,251 additions
and
115 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,6 +1,11 @@ | ||
| .PHONY: js | ||
|
|
||
| MINIFY_LIST=js/load-image.js js/load-image-ios.js js/load-image-meta.js js/load-image-exif.js js/load-image-exif-map.js | ||
| MINIFY=js/load-image.js | ||
| MINIFY+= js/load-image-ios.js | ||
| MINIFY+= js/load-image-orientation.js | ||
| MINIFY+= js/load-image-meta.js | ||
| MINIFY+= js/load-image-exif.js | ||
| MINIFY+= js/load-image-exif-map.js | ||
|
|
||
| js: | ||
| node_modules/.bin/uglifyjs ${MINIFY_LIST} -c -m -o js/load-image.min.js | ||
| node_modules/.bin/uglifyjs ${MINIFY} -c -m -o js/load-image.min.js |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,165 @@ | ||
| /* jquery.Jcrop.css v0.9.12 - MIT License */ | ||
| /* | ||
| The outer-most container in a typical Jcrop instance | ||
| If you are having difficulty with formatting related to styles | ||
| on a parent element, place any fixes here or in a like selector | ||
| You can also style this element if you want to add a border, etc | ||
| A better method for styling can be seen below with .jcrop-light | ||
| (Add a class to the holder and style elements for that extended class) | ||
| */ | ||
| .jcrop-holder { | ||
| direction: ltr; | ||
| text-align: left; | ||
| } | ||
| /* Selection Border */ | ||
| .jcrop-vline, | ||
| .jcrop-hline { | ||
| background: #ffffff url("Jcrop.gif"); | ||
| font-size: 0; | ||
| position: absolute; | ||
| } | ||
| .jcrop-vline { | ||
| height: 100%; | ||
| width: 1px !important; | ||
| } | ||
| .jcrop-vline.right { | ||
| right: 0; | ||
| } | ||
| .jcrop-hline { | ||
| height: 1px !important; | ||
| width: 100%; | ||
| } | ||
| .jcrop-hline.bottom { | ||
| bottom: 0; | ||
| } | ||
| /* Invisible click targets */ | ||
| .jcrop-tracker { | ||
| height: 100%; | ||
| width: 100%; | ||
| /* "turn off" link highlight */ | ||
| -webkit-tap-highlight-color: transparent; | ||
| /* disable callout, image save panel */ | ||
| -webkit-touch-callout: none; | ||
| /* disable cut copy paste */ | ||
| -webkit-user-select: none; | ||
| } | ||
| /* Selection Handles */ | ||
| .jcrop-handle { | ||
| background-color: #333333; | ||
| border: 1px #eeeeee solid; | ||
| width: 7px; | ||
| height: 7px; | ||
| font-size: 1px; | ||
| } | ||
| .jcrop-handle.ord-n { | ||
| left: 50%; | ||
| margin-left: -4px; | ||
| margin-top: -4px; | ||
| top: 0; | ||
| } | ||
| .jcrop-handle.ord-s { | ||
| bottom: 0; | ||
| left: 50%; | ||
| margin-bottom: -4px; | ||
| margin-left: -4px; | ||
| } | ||
| .jcrop-handle.ord-e { | ||
| margin-right: -4px; | ||
| margin-top: -4px; | ||
| right: 0; | ||
| top: 50%; | ||
| } | ||
| .jcrop-handle.ord-w { | ||
| left: 0; | ||
| margin-left: -4px; | ||
| margin-top: -4px; | ||
| top: 50%; | ||
| } | ||
| .jcrop-handle.ord-nw { | ||
| left: 0; | ||
| margin-left: -4px; | ||
| margin-top: -4px; | ||
| top: 0; | ||
| } | ||
| .jcrop-handle.ord-ne { | ||
| margin-right: -4px; | ||
| margin-top: -4px; | ||
| right: 0; | ||
| top: 0; | ||
| } | ||
| .jcrop-handle.ord-se { | ||
| bottom: 0; | ||
| margin-bottom: -4px; | ||
| margin-right: -4px; | ||
| right: 0; | ||
| } | ||
| .jcrop-handle.ord-sw { | ||
| bottom: 0; | ||
| left: 0; | ||
| margin-bottom: -4px; | ||
| margin-left: -4px; | ||
| } | ||
| /* Dragbars */ | ||
| .jcrop-dragbar.ord-n, | ||
| .jcrop-dragbar.ord-s { | ||
| height: 7px; | ||
| width: 100%; | ||
| } | ||
| .jcrop-dragbar.ord-e, | ||
| .jcrop-dragbar.ord-w { | ||
| height: 100%; | ||
| width: 7px; | ||
| } | ||
| .jcrop-dragbar.ord-n { | ||
| margin-top: -4px; | ||
| } | ||
| .jcrop-dragbar.ord-s { | ||
| bottom: 0; | ||
| margin-bottom: -4px; | ||
| } | ||
| .jcrop-dragbar.ord-e { | ||
| margin-right: -4px; | ||
| right: 0; | ||
| } | ||
| .jcrop-dragbar.ord-w { | ||
| margin-left: -4px; | ||
| } | ||
| /* The "jcrop-light" class/extension */ | ||
| .jcrop-light .jcrop-vline, | ||
| .jcrop-light .jcrop-hline { | ||
| background: #ffffff; | ||
| filter: alpha(opacity=70) !important; | ||
| opacity: .70!important; | ||
| } | ||
| .jcrop-light .jcrop-handle { | ||
| -moz-border-radius: 3px; | ||
| -webkit-border-radius: 3px; | ||
| background-color: #000000; | ||
| border-color: #ffffff; | ||
| border-radius: 3px; | ||
| } | ||
| /* The "jcrop-dark" class/extension */ | ||
| .jcrop-dark .jcrop-vline, | ||
| .jcrop-dark .jcrop-hline { | ||
| background: #000000; | ||
| filter: alpha(opacity=70) !important; | ||
| opacity: 0.7 !important; | ||
| } | ||
| .jcrop-dark .jcrop-handle { | ||
| -moz-border-radius: 3px; | ||
| -webkit-border-radius: 3px; | ||
| background-color: #ffffff; | ||
| border-color: #000000; | ||
| border-radius: 3px; | ||
| } | ||
| /* Simple macro to turn off the antlines */ | ||
| .solid-line .jcrop-vline, | ||
| .solid-line .jcrop-hline { | ||
| background: #ffffff; | ||
| } | ||
| /* Fix for twitter bootstrap et al. */ | ||
| .jcrop-holder img, | ||
| img.jcrop-preview { | ||
| max-width: none; | ||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Oops, something went wrong.