{"id":7665,"date":"2018-11-05T06:33:28","date_gmt":"2018-11-05T06:33:28","guid":{"rendered":"http:\/\/webartdevelopers.com\/?p=7665"},"modified":"2022-11-22T07:17:11","modified_gmt":"2022-11-22T07:17:11","slug":"simple-cropper","status":"publish","type":"post","link":"https:\/\/webartdevelopers.com\/blog\/simple-cropper\/","title":{"rendered":"SIMPLE CROPPER"},"content":{"rendered":"<div class=\"info-box\">\n<div class=\"info info-author\"><em><span style=\"text-decoration: underline;\"><strong>Made by:<\/strong><\/span><\/em><\/p>\n<ul>\n<li>matt-alter<\/li>\n<li class=\".last-child\"><time>October 14, 2014<\/time><\/li>\n<\/ul>\n<\/div>\n<div class=\"info info-link\"><\/div>\n<\/div>\n<p><em><span style=\"text-decoration: underline;\"><strong><span class=\"about-the-item\">About the plugin:<\/span><\/strong><\/span><\/em><\/p>\n<p>This is a nice and simple Cropper Template, which is a jQuery plugin which gives you ability to add cropping functionality to your web application. It uses HTML5 <code>canvas<\/code>\u00a0to create cropped images and CSS3, so it only works on latest browsers.<\/p>\n<p><em><span style=\"text-decoration: underline;\"><strong><span class=\"about-the-item\">Features:<\/span><\/strong><\/span><\/em><\/p>\n<ul class=\"article-list\">\n<li>attaches to any\u00a0<code>div<\/code>\u00a0element<\/li>\n<li>automatically detects aspect ratio of an element<\/li>\n<li>creates new cropped(base64 encoded) image and inserts it into element<\/li>\n<li>cropped images are generated client-side<\/li>\n<li class=\".last-child\">support for CSS styling<\/li>\n<\/ul>\n<a href=\"https:\/\/github.com\/matt-alter\/jquery-image-cropper\/archive\/master.zip\" class=\"su-button su-button-style-default\" style=\"color:#ffffff;background-color:#000000;border-color:#000000;border-radius:40px\" target=\"_blank\" rel=\"noopener noreferrer\"><span style=\"color:#ffffff;padding:0px 20px;font-size:16px;line-height:32px;border-color:#4d4d4d;border-radius:40px;text-shadow:none\"> Download<\/span><\/a>\n<a href=\"https:\/\/github.com\/matt-alter\/jquery-image-cropper\" class=\"su-button su-button-style-default\" style=\"color:#ffffff;background-color:#000000;border-color:#000000;border-radius:40px\" target=\"_blank\" rel=\"noopener noreferrer\"><span style=\"color:#ffffff;padding:0px 20px;font-size:16px;line-height:32px;border-color:#4d4d4d;border-radius:40px;text-shadow:none\"> Github Page<\/span><\/a>\n<!-- AddThis Advanced Settings generic via filter on the_content -->","protected":false},"excerpt":{"rendered":"Made by: matt-alter October 14, 2014 About the plugin: This is a nice and simple Cropper Template, which is a jQuery plugin which gives you ability to add cropping functionality to your web application. It uses HTML5 canvas\u00a0to create cropped images and CSS3, so it only works on latest browsers. Features: attaches to any\u00a0div\u00a0element automatically detects aspect ratio of an element creates new cropped(base64 encoded) image and inserts it into element cropped images are generated client-side support for CSS styling<!-- AddThis Advanced Settings generic via filter on get_the_excerpt -->","protected":false},"author":1,"featured_media":7666,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1930],"tags":[583,1932,1947],"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/webartdevelopers.com\/blog\/wp-json\/wp\/v2\/posts\/7665"}],"collection":[{"href":"https:\/\/webartdevelopers.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/webartdevelopers.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/webartdevelopers.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/webartdevelopers.com\/blog\/wp-json\/wp\/v2\/comments?post=7665"}],"version-history":[{"count":3,"href":"https:\/\/webartdevelopers.com\/blog\/wp-json\/wp\/v2\/posts\/7665\/revisions"}],"predecessor-version":[{"id":35433,"href":"https:\/\/webartdevelopers.com\/blog\/wp-json\/wp\/v2\/posts\/7665\/revisions\/35433"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/webartdevelopers.com\/blog\/wp-json\/wp\/v2\/media\/7666"}],"wp:attachment":[{"href":"https:\/\/webartdevelopers.com\/blog\/wp-json\/wp\/v2\/media?parent=7665"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webartdevelopers.com\/blog\/wp-json\/wp\/v2\/categories?post=7665"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webartdevelopers.com\/blog\/wp-json\/wp\/v2\/tags?post=7665"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}