{"id":2692,"date":"2009-12-13T18:02:52","date_gmt":"2009-12-13T16:02:52","guid":{"rendered":"http:\/\/www.chipwreck.de\/blog\/?page_id=2692"},"modified":"2016-12-31T01:23:31","modified_gmt":"2016-12-31T00:23:31","slug":"cwcrop","status":"publish","type":"page","link":"https:\/\/www.chipwreck.de\/blog\/software\/cwcrop\/","title":{"rendered":"CwCrop"},"content":{"rendered":"<div class=\"contentnavi\">\n<p class=\"contentnav1 center\">\n<span class=\"pink\">About \/ Feedback<\/span> &bull;<br \/>\n<a href=\"\/blog\/software\/cwcrop\/cwcrop-demo\">Demo<\/a> &bull;<br \/>\n<a href=\"\/blog\/software\/cwcrop\/help\">Help \/ Download<\/a>\n<\/p>\n<p class=\"contentnav2 center\"><a href=\"#help1\">About<\/a> &bull; <a href=\"#comments\">Comments\/Feedback<\/a><\/p>\n<\/div>\n<h4 class=\"desc\">A javascript-(mootools)-only tool to select a part of an image and crop it<\/h4>\n<h3>Requirements<\/h3>\n<ul>\n<li>Works in Safari 3+, Firefox 3+, Chrome 3+, IE 6-11 and Opera 9+<\/li>\n<li>Requires mootools 1.23+ with Drag.Move, Element.measure and (for example) PHP to crop the image<\/li>\n<\/ul>\n<h3>Features<\/h3>\n<ul>\n<li>Only 4 DIVs necessary<\/li>\n<li>Marching Ants effect via CSS..! (Safari and Firefox of course only)<\/li>\n<li>Shows crop dimensions (w x h) &#8211; and x\/y-position while moving (configurable)<\/li>\n<li>Crop-Button inside the frame (optional)<\/li>\n<li>Hold SHIFT to select a square area<\/li>\n<li>Also works with scaled images &#8211; shows the real size then<\/li>\n<li>Minimal size, maximal size, initial position, fixedratio (optional) and x-\/y-ratio constraints are configurable<\/li>\n<li>Result: x- and y-position, width and height<\/li>\n<\/ul>\n<p><!--more--><\/p>\n<h3>Demo<\/h3>\n<ul>\n<li class=\"question\">Try it out here: <a href=\"\/blog\/software\/cwcrop\/cwcrop-demo\/\">CwCrop Demo  &raquo;<\/a><\/li>\n<\/ul>\n<p>\n\t<a href=\"\/blog\/software\/cwcrop\/cwcrop-demo\/\" class=\"imglink\"><br \/>\n\t\t<img loading=\"lazy\" decoding=\"async\" class=\"aligncenter imgshadow size-thumbnail wp-image-1911\" title=\"cwcrop-screenshot\" src=\"https:\/\/www.chipwreck.de\/blog\/wp-content\/uploads\/2009\/10\/cwcrop-screenshot-150x121.png\" alt=\"cwcrop-screenshot\" width=\"150\" height=\"121\" srcset=\"https:\/\/www.chipwreck.de\/blog\/wp-content\/uploads\/2009\/10\/cwcrop-screenshot-150x121.png 150w, https:\/\/www.chipwreck.de\/blog\/wp-content\/uploads\/2009\/10\/cwcrop-screenshot-300x243.png 300w, https:\/\/www.chipwreck.de\/blog\/wp-content\/uploads\/2009\/10\/cwcrop-screenshot.png 411w\" sizes=\"auto, (max-width: 150px) 100vw, 150px\" \/><br \/>\n\t<\/a>\n<\/p>\n<h3>Downloads<\/h3>\n<ul>\n<li class=\"question\">Plugin &amp; demo download: <a href=\"http:\/\/mootools.net\/forge\/p\/cwcrop\" class=\"external\">Mootools Forge &raquo;<\/a><\/li>\n<\/ul>\n<p>Github Repository: <a href=\"http:\/\/github.com\/mariofischer\/cwcrop\" class=\"external\">github.com\/mariofischer\/cwcrop &raquo;<\/a><\/p>\n<h4>Changelog<\/h4>\n<div class=\"changelog\">\n<h5>1.14<\/h5>\n<p>Fix for wrong initial dimension, thanks to Martin Silenus!<\/p>\n<h5>1.13<\/h5>\n<p>Incorporate changes from Harm Hermsen, thanks!<\/p>\n<h5>0.98, 0.99, 1.0<\/h5>\n<p>More small fixes<br \/>\nDemo issues resolved<\/p>\n<h5>0.95<\/h5>\n<p>Bugfixes (initialmax, ratio)<\/p>\n<h5>0.8<\/h5>\n<p>Bugfixes<\/p>\n<h5>0.76<\/h5>\n<p>Mootools 1.3 compatibility<\/p>\n<h5>0.70<\/h5>\n<p>Updates for value checking, documentation, performance<br \/>\nBugfixes for larger original image<\/p>\n<h5>0.68<\/h5>\n<p>Added fixed ratio<\/p>\n<h5>0.67<\/h5>\n<p>Initial public release<br \/>\nPosted to Mootools Forge, Github\n<\/p><\/div>\n<p class=\"toplink\"><a href=\"#top\">&#x21e7; top<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>About \/ Feedback &bull; Demo &bull; Help \/ Download About &bull; Comments\/Feedback A javascript-(mootools)-only tool to select a part of an image and crop it Requirements Works in Safari 3+, Firefox 3+, Chrome 3+, IE 6-11 and Opera 9+ Requires mootools 1.23+ with Drag.Move, Element.measure and (for example) PHP to crop the image Features Only &hellip; <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/www.chipwreck.de\/blog\/software\/cwcrop\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;CwCrop&#8221;<\/span><\/a><\/p>\n","protected":false},"author":2,"featured_media":0,"parent":603,"menu_order":20,"comment_status":"open","ping_status":"open","template":"","meta":{"footnotes":""},"class_list":["post-2692","page","type-page","status-publish","hentry"],"jetpack_shortlink":"https:\/\/wp.me\/PaPEN-Hq","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.chipwreck.de\/blog\/wp-json\/wp\/v2\/pages\/2692","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.chipwreck.de\/blog\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.chipwreck.de\/blog\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.chipwreck.de\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.chipwreck.de\/blog\/wp-json\/wp\/v2\/comments?post=2692"}],"version-history":[{"count":0,"href":"https:\/\/www.chipwreck.de\/blog\/wp-json\/wp\/v2\/pages\/2692\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/www.chipwreck.de\/blog\/wp-json\/wp\/v2\/pages\/603"}],"wp:attachment":[{"href":"https:\/\/www.chipwreck.de\/blog\/wp-json\/wp\/v2\/media?parent=2692"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}