{"id":224,"date":"2022-01-23T20:26:19","date_gmt":"2022-01-23T20:26:19","guid":{"rendered":"https:\/\/procodestore.com\/?post_type=product&#038;p=224"},"modified":"2026-03-12T12:44:05","modified_gmt":"2026-03-12T12:44:05","slug":"javascript-image-modal-cropper-resizer-using-html-css3-full-source-code","status":"publish","type":"product","link":"https:\/\/procodestore.com\/index.php\/product\/javascript-image-modal-cropper-resizer-using-html-css3-full-source-code\/","title":{"rendered":"Javascript Image Modal Cropper &#038; Resizer Using HTML &#038; CSS3 Full Source Code"},"content":{"rendered":"","protected":false},"excerpt":{"rendered":"<p>This is a Advanced Image Modal Cropper,Resizer Web App developed in Pure HTML5 CSS3 and Javascript. It can flip,Rotate the image also and after that you can download the image in JPG or PNG Format as shown in the demo images.<\/p>\n","protected":false},"featured_media":229,"comment_status":"open","ping_status":"closed","template":"","meta":{"ocean_post_layout":"","ocean_both_sidebars_style":"","ocean_both_sidebars_content_width":0,"ocean_both_sidebars_sidebars_width":0,"ocean_sidebar":"0","ocean_second_sidebar":"0","ocean_disable_margins":"enable","ocean_add_body_class":"","ocean_shortcode_before_top_bar":"","ocean_shortcode_after_top_bar":"","ocean_shortcode_before_header":"","ocean_shortcode_after_header":"","ocean_has_shortcode":"","ocean_shortcode_after_title":"","ocean_shortcode_before_footer_widgets":"","ocean_shortcode_after_footer_widgets":"","ocean_shortcode_before_footer_bottom":"","ocean_shortcode_after_footer_bottom":"","ocean_display_top_bar":"default","ocean_display_header":"default","ocean_header_style":"","ocean_center_header_left_menu":"0","ocean_custom_header_template":"0","ocean_custom_logo":0,"ocean_custom_retina_logo":0,"ocean_custom_logo_max_width":0,"ocean_custom_logo_tablet_max_width":0,"ocean_custom_logo_mobile_max_width":0,"ocean_custom_logo_max_height":0,"ocean_custom_logo_tablet_max_height":0,"ocean_custom_logo_mobile_max_height":0,"ocean_header_custom_menu":"0","ocean_menu_typo_font_family":"0","ocean_menu_typo_font_subset":"","ocean_menu_typo_font_size":0,"ocean_menu_typo_font_size_tablet":0,"ocean_menu_typo_font_size_mobile":0,"ocean_menu_typo_font_size_unit":"px","ocean_menu_typo_font_weight":"","ocean_menu_typo_font_weight_tablet":"","ocean_menu_typo_font_weight_mobile":"","ocean_menu_typo_transform":"","ocean_menu_typo_transform_tablet":"","ocean_menu_typo_transform_mobile":"","ocean_menu_typo_line_height":0,"ocean_menu_typo_line_height_tablet":0,"ocean_menu_typo_line_height_mobile":0,"ocean_menu_typo_line_height_unit":"","ocean_menu_typo_spacing":0,"ocean_menu_typo_spacing_tablet":0,"ocean_menu_typo_spacing_mobile":0,"ocean_menu_typo_spacing_unit":"","ocean_menu_link_color":"","ocean_menu_link_color_hover":"","ocean_menu_link_color_active":"","ocean_menu_link_background":"","ocean_menu_link_hover_background":"","ocean_menu_link_active_background":"","ocean_menu_social_links_bg":"","ocean_menu_social_hover_links_bg":"","ocean_menu_social_links_color":"","ocean_menu_social_hover_links_color":"","ocean_disable_title":"default","ocean_disable_heading":"default","ocean_post_title":"","ocean_post_subheading":"","ocean_post_title_style":"","ocean_post_title_background_color":"","ocean_post_title_background":0,"ocean_post_title_bg_image_position":"","ocean_post_title_bg_image_attachment":"","ocean_post_title_bg_image_repeat":"","ocean_post_title_bg_image_size":"","ocean_post_title_height":0,"ocean_post_title_bg_overlay":0.5,"ocean_post_title_bg_overlay_color":"","ocean_disable_breadcrumbs":"default","ocean_breadcrumbs_color":"","ocean_breadcrumbs_separator_color":"","ocean_breadcrumbs_links_color":"","ocean_breadcrumbs_links_hover_color":"","ocean_display_footer_widgets":"default","ocean_display_footer_bottom":"default","ocean_custom_footer_template":"0"},"product_cat":[],"product_tag":[],"class_list":["post-224","product","type-product","status-publish","has-post-thumbnail","entry","has-media","first","instock","downloadable","virtual","purchasable","product-type-simple","has-product-nav","col","span_1_of_3","owp-content-center","owp-thumbs-layout-horizontal","owp-btn-normal","owp-tabs-layout-horizontal"],"aioseo_notices":[],"aioseo_head":"\n\t\t<!-- All in One SEO 5.0.2 - aioseo.com -->\n\t<meta name=\"description\" content=\"This is a Advanced Image Modal Cropper,Resizer Web App developed in Pure HTML5 CSS3 and Javascript. It can flip,Rotate the image also and after that you can download the image in JPG or PNG Format as shown in the demo images.\" \/>\n\t<meta name=\"robots\" content=\"max-image-preview:large\" \/>\n\t<link rel=\"canonical\" href=\"https:\/\/procodestore.com\/index.php\/product\/javascript-image-modal-cropper-resizer-using-html-css3-full-source-code\/\" \/>\n\t<meta name=\"generator\" content=\"All in One SEO (AIOSEO) 5.0.2\" \/>\n\t\t<meta property=\"og:locale\" content=\"en_US\" \/>\n\t\t<meta property=\"og:site_name\" content=\"ProCodeStore - Just another WordPress site\" \/>\n\t\t<meta property=\"og:type\" content=\"article\" \/>\n\t\t<meta property=\"og:title\" content=\"Javascript Image Modal Cropper &amp; Resizer Using HTML &amp; CSS3 Full Source Code - ProCodeStore\" \/>\n\t\t<meta property=\"og:description\" content=\"This is a Advanced Image Modal Cropper,Resizer Web App developed in Pure HTML5 CSS3 and Javascript. It can flip,Rotate the image also and after that you can download the image in JPG or PNG Format as shown in the demo images.\" \/>\n\t\t<meta property=\"og:url\" content=\"https:\/\/procodestore.com\/index.php\/product\/javascript-image-modal-cropper-resizer-using-html-css3-full-source-code\/\" \/>\n\t\t<meta property=\"og:image\" content=\"https:\/\/procodestore.com\/wp-content\/uploads\/2021\/03\/cropped-LogoMakr-8jHHz1.png\" \/>\n\t\t<meta property=\"og:image:secure_url\" content=\"https:\/\/procodestore.com\/wp-content\/uploads\/2021\/03\/cropped-LogoMakr-8jHHz1.png\" \/>\n\t\t<meta property=\"article:published_time\" content=\"2022-01-23T20:26:19+00:00\" \/>\n\t\t<meta property=\"article:modified_time\" content=\"2026-03-12T12:44:05+00:00\" \/>\n\t\t<meta name=\"twitter:card\" content=\"summary\" \/>\n\t\t<meta name=\"twitter:title\" content=\"Javascript Image Modal Cropper &amp; Resizer Using HTML &amp; CSS3 Full Source Code - ProCodeStore\" \/>\n\t\t<meta name=\"twitter:description\" content=\"This is a Advanced Image Modal Cropper,Resizer Web App developed in Pure HTML5 CSS3 and Javascript. It can flip,Rotate the image also and after that you can download the image in JPG or PNG Format as shown in the demo images.\" \/>\n\t\t<meta name=\"twitter:image\" content=\"https:\/\/procodestore.com\/wp-content\/uploads\/2021\/03\/cropped-LogoMakr-8jHHz1.png\" \/>\n\t\t<script type=\"application\/ld+json\" class=\"aioseo-schema\">\n\t\t\t{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/procodestore.com\\\/index.php\\\/product\\\/javascript-image-modal-cropper-resizer-using-html-css3-full-source-code\\\/#breadcrumblist\",\"itemListElement\":[{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/procodestore.com\\\/#listItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/procodestore.com\\\/\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/procodestore.com\\\/index.php\\\/shop\\\/#listItem\",\"name\":\"Shop\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/procodestore.com\\\/index.php\\\/shop\\\/#listItem\",\"position\":2,\"name\":\"Shop\",\"item\":\"https:\\\/\\\/procodestore.com\\\/index.php\\\/shop\\\/\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/procodestore.com\\\/index.php\\\/product\\\/javascript-image-modal-cropper-resizer-using-html-css3-full-source-code\\\/#listItem\",\"name\":\"Javascript Image Modal Cropper &#038; Resizer Using HTML &#038; CSS3 Full Source Code\"},\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/procodestore.com\\\/#listItem\",\"name\":\"Home\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/procodestore.com\\\/index.php\\\/product\\\/javascript-image-modal-cropper-resizer-using-html-css3-full-source-code\\\/#listItem\",\"position\":3,\"name\":\"Javascript Image Modal Cropper &#038; Resizer Using HTML &#038; CSS3 Full Source Code\",\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/procodestore.com\\\/index.php\\\/shop\\\/#listItem\",\"name\":\"Shop\"}}]},{\"@type\":\"ItemPage\",\"@id\":\"https:\\\/\\\/procodestore.com\\\/index.php\\\/product\\\/javascript-image-modal-cropper-resizer-using-html-css3-full-source-code\\\/#itempage\",\"url\":\"https:\\\/\\\/procodestore.com\\\/index.php\\\/product\\\/javascript-image-modal-cropper-resizer-using-html-css3-full-source-code\\\/\",\"name\":\"Javascript Image Modal Cropper & Resizer Using HTML & CSS3 Full Source Code - ProCodeStore\",\"description\":\"This is a Advanced Image Modal Cropper,Resizer Web App developed in Pure HTML5 CSS3 and Javascript. It can flip,Rotate the image also and after that you can download the image in JPG or PNG Format as shown in the demo images.\",\"inLanguage\":\"en-US\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/procodestore.com\\\/#website\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/procodestore.com\\\/index.php\\\/product\\\/javascript-image-modal-cropper-resizer-using-html-css3-full-source-code\\\/#breadcrumblist\"},\"image\":{\"@type\":\"ImageObject\",\"url\":\"https:\\\/\\\/procodestore.com\\\/wp-content\\\/uploads\\\/2022\\\/01\\\/Screenshot_17.png\",\"@id\":\"https:\\\/\\\/procodestore.com\\\/index.php\\\/product\\\/javascript-image-modal-cropper-resizer-using-html-css3-full-source-code\\\/#mainImage\",\"width\":598,\"height\":662},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/procodestore.com\\\/index.php\\\/product\\\/javascript-image-modal-cropper-resizer-using-html-css3-full-source-code\\\/#mainImage\"},\"datePublished\":\"2022-01-23T20:26:19+00:00\",\"dateModified\":\"2026-03-12T12:44:05+00:00\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/procodestore.com\\\/#organization\",\"name\":\"ProCodeStore\",\"description\":\"Just another WordPress site\",\"url\":\"https:\\\/\\\/procodestore.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"url\":\"https:\\\/\\\/procodestore.com\\\/wp-content\\\/uploads\\\/2021\\\/03\\\/cropped-LogoMakr-8jHHz1.png\",\"@id\":\"https:\\\/\\\/procodestore.com\\\/index.php\\\/product\\\/javascript-image-modal-cropper-resizer-using-html-css3-full-source-code\\\/#organizationLogo\",\"width\":300,\"height\":275},\"image\":{\"@id\":\"https:\\\/\\\/procodestore.com\\\/index.php\\\/product\\\/javascript-image-modal-cropper-resizer-using-html-css3-full-source-code\\\/#organizationLogo\"}},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/procodestore.com\\\/#website\",\"url\":\"https:\\\/\\\/procodestore.com\\\/\",\"name\":\"ProCodeStore\",\"description\":\"Just another WordPress site\",\"inLanguage\":\"en-US\",\"publisher\":{\"@id\":\"https:\\\/\\\/procodestore.com\\\/#organization\"}}]}\n\t\t<\/script>\n\t\t<!-- All in One SEO -->\n\n","aioseo_head_json":{"title":"Javascript Image Modal Cropper & Resizer Using HTML & CSS3 Full Source Code - ProCodeStore","description":"This is a Advanced Image Modal Cropper,Resizer Web App developed in Pure HTML5 CSS3 and Javascript. It can flip,Rotate the image also and after that you can download the image in JPG or PNG Format as shown in the demo images.","canonical_url":"https:\/\/procodestore.com\/index.php\/product\/javascript-image-modal-cropper-resizer-using-html-css3-full-source-code\/","robots":"max-image-preview:large","keywords":"","webmasterTools":{"miscellaneous":""},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"BreadcrumbList","@id":"https:\/\/procodestore.com\/index.php\/product\/javascript-image-modal-cropper-resizer-using-html-css3-full-source-code\/#breadcrumblist","itemListElement":[{"@type":"ListItem","@id":"https:\/\/procodestore.com\/#listItem","position":1,"name":"Home","item":"https:\/\/procodestore.com\/","nextItem":{"@type":"ListItem","@id":"https:\/\/procodestore.com\/index.php\/shop\/#listItem","name":"Shop"}},{"@type":"ListItem","@id":"https:\/\/procodestore.com\/index.php\/shop\/#listItem","position":2,"name":"Shop","item":"https:\/\/procodestore.com\/index.php\/shop\/","nextItem":{"@type":"ListItem","@id":"https:\/\/procodestore.com\/index.php\/product\/javascript-image-modal-cropper-resizer-using-html-css3-full-source-code\/#listItem","name":"Javascript Image Modal Cropper &#038; Resizer Using HTML &#038; CSS3 Full Source Code"},"previousItem":{"@type":"ListItem","@id":"https:\/\/procodestore.com\/#listItem","name":"Home"}},{"@type":"ListItem","@id":"https:\/\/procodestore.com\/index.php\/product\/javascript-image-modal-cropper-resizer-using-html-css3-full-source-code\/#listItem","position":3,"name":"Javascript Image Modal Cropper &#038; Resizer Using HTML &#038; CSS3 Full Source Code","previousItem":{"@type":"ListItem","@id":"https:\/\/procodestore.com\/index.php\/shop\/#listItem","name":"Shop"}}]},{"@type":"ItemPage","@id":"https:\/\/procodestore.com\/index.php\/product\/javascript-image-modal-cropper-resizer-using-html-css3-full-source-code\/#itempage","url":"https:\/\/procodestore.com\/index.php\/product\/javascript-image-modal-cropper-resizer-using-html-css3-full-source-code\/","name":"Javascript Image Modal Cropper & Resizer Using HTML & CSS3 Full Source Code - ProCodeStore","description":"This is a Advanced Image Modal Cropper,Resizer Web App developed in Pure HTML5 CSS3 and Javascript. It can flip,Rotate the image also and after that you can download the image in JPG or PNG Format as shown in the demo images.","inLanguage":"en-US","isPartOf":{"@id":"https:\/\/procodestore.com\/#website"},"breadcrumb":{"@id":"https:\/\/procodestore.com\/index.php\/product\/javascript-image-modal-cropper-resizer-using-html-css3-full-source-code\/#breadcrumblist"},"image":{"@type":"ImageObject","url":"https:\/\/procodestore.com\/wp-content\/uploads\/2022\/01\/Screenshot_17.png","@id":"https:\/\/procodestore.com\/index.php\/product\/javascript-image-modal-cropper-resizer-using-html-css3-full-source-code\/#mainImage","width":598,"height":662},"primaryImageOfPage":{"@id":"https:\/\/procodestore.com\/index.php\/product\/javascript-image-modal-cropper-resizer-using-html-css3-full-source-code\/#mainImage"},"datePublished":"2022-01-23T20:26:19+00:00","dateModified":"2026-03-12T12:44:05+00:00"},{"@type":"Organization","@id":"https:\/\/procodestore.com\/#organization","name":"ProCodeStore","description":"Just another WordPress site","url":"https:\/\/procodestore.com\/","logo":{"@type":"ImageObject","url":"https:\/\/procodestore.com\/wp-content\/uploads\/2021\/03\/cropped-LogoMakr-8jHHz1.png","@id":"https:\/\/procodestore.com\/index.php\/product\/javascript-image-modal-cropper-resizer-using-html-css3-full-source-code\/#organizationLogo","width":300,"height":275},"image":{"@id":"https:\/\/procodestore.com\/index.php\/product\/javascript-image-modal-cropper-resizer-using-html-css3-full-source-code\/#organizationLogo"}},{"@type":"WebSite","@id":"https:\/\/procodestore.com\/#website","url":"https:\/\/procodestore.com\/","name":"ProCodeStore","description":"Just another WordPress site","inLanguage":"en-US","publisher":{"@id":"https:\/\/procodestore.com\/#organization"}}]},"og:locale":"en_US","og:site_name":"ProCodeStore - Just another WordPress site","og:type":"article","og:title":"Javascript Image Modal Cropper &amp; Resizer Using HTML &amp; CSS3 Full Source Code - ProCodeStore","og:description":"This is a Advanced Image Modal Cropper,Resizer Web App developed in Pure HTML5 CSS3 and Javascript. It can flip,Rotate the image also and after that you can download the image in JPG or PNG Format as shown in the demo images.","og:url":"https:\/\/procodestore.com\/index.php\/product\/javascript-image-modal-cropper-resizer-using-html-css3-full-source-code\/","og:image":"https:\/\/procodestore.com\/wp-content\/uploads\/2021\/03\/cropped-LogoMakr-8jHHz1.png","og:image:secure_url":"https:\/\/procodestore.com\/wp-content\/uploads\/2021\/03\/cropped-LogoMakr-8jHHz1.png","article:published_time":"2022-01-23T20:26:19+00:00","article:modified_time":"2026-03-12T12:44:05+00:00","twitter:card":"summary","twitter:title":"Javascript Image Modal Cropper &amp; Resizer Using HTML &amp; CSS3 Full Source Code - ProCodeStore","twitter:description":"This is a Advanced Image Modal Cropper,Resizer Web App developed in Pure HTML5 CSS3 and Javascript. It can flip,Rotate the image also and after that you can download the image in JPG or PNG Format as shown in the demo images.","twitter:image":"https:\/\/procodestore.com\/wp-content\/uploads\/2021\/03\/cropped-LogoMakr-8jHHz1.png"},"aioseo_meta_data":{"post_id":"224","title":"#post_title #separator_sa #site_title","description":"#post_excerpt","keywords":[],"keyphrases":{"focus":[],"additional":[]},"primary_term":null,"canonical_url":null,"og_title":null,"og_description":null,"og_object_type":"default","og_image_type":"default","og_image_url":null,"og_image_width":null,"og_image_height":null,"og_image_custom_url":null,"og_image_custom_fields":null,"og_video":"","og_custom_url":null,"og_article_section":null,"og_article_tags":[],"twitter_use_og":false,"twitter_card":"default","twitter_image_type":"default","twitter_image_url":null,"twitter_image_custom_url":null,"twitter_image_custom_fields":null,"twitter_title":null,"twitter_description":null,"schema":{"blockGraphs":[],"customGraphs":[],"default":{"data":{"Article":[],"Course":[],"Dataset":[],"FAQPage":[],"Movie":[],"Person":[],"Product":[],"ProductReview":[],"Car":[],"Recipe":[],"Service":[],"SoftwareApplication":[],"WebPage":[]},"graphName":null,"isEnabled":true},"graphs":[]},"schema_type":"default","schema_type_options":"{\"article\":{\"articleType\":\"BlogPosting\"},\"course\":{\"name\":\"\",\"description\":\"\",\"provider\":\"\"},\"faq\":{\"pages\":[]},\"product\":{\"reviews\":[]},\"recipe\":{\"ingredients\":[],\"instructions\":[],\"keywords\":[]},\"software\":{\"reviews\":[],\"operatingSystems\":[]},\"webPage\":{\"webPageType\":\"WebPage\"}}","pillar_content":false,"robots_default":true,"robots_noindex":false,"robots_noarchive":false,"robots_nosnippet":false,"robots_nofollow":false,"robots_noimageindex":false,"robots_noodp":false,"robots_notranslate":false,"robots_max_snippet":"-1","robots_max_videopreview":"-1","robots_max_imagepreview":"large","priority":null,"frequency":"default","location":null,"local_seo":null,"breadcrumb_settings":null,"limit_modified_date":false,"created":"2022-01-23 20:26:19","updated":"2026-03-12 12:45:06","focus_keyword":null,"additional_keywords":null,"truseo_locale":null,"ai":null,"seo_analyzer_scan_date":null},"aioseo_breadcrumb":"<div class=\"aioseo-breadcrumbs\"><span class=\"aioseo-breadcrumb\">\n\t\t\t<a href=\"https:\/\/procodestore.com\/\" title=\"Home\">Home<\/a>\n\t\t<\/span><span class=\"aioseo-breadcrumb-separator\">\u00bb<\/span><span class=\"aioseo-breadcrumb\">\n\t\t\t<a href=\"https:\/\/procodestore.com\/index.php\/shop\/\" title=\"Shop\">Shop<\/a>\n\t\t<\/span><span class=\"aioseo-breadcrumb-separator\">\u00bb<\/span><span class=\"aioseo-breadcrumb\">\n\t\t\tJavascript Image Modal Cropper &amp; Resizer Using HTML &amp; CSS3 Full Source Code\n\t\t<\/span><\/div>","aioseo_breadcrumb_json":[{"label":"Home","link":"https:\/\/procodestore.com\/"},{"label":"Shop","link":"https:\/\/procodestore.com\/index.php\/shop\/"},{"label":"Javascript Image Modal Cropper &#038; Resizer Using HTML &#038; CSS3 Full Source Code","link":"https:\/\/procodestore.com\/index.php\/product\/javascript-image-modal-cropper-resizer-using-html-css3-full-source-code\/"}],"_links":{"self":[{"href":"https:\/\/procodestore.com\/index.php\/wp-json\/wp\/v2\/product\/224","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/procodestore.com\/index.php\/wp-json\/wp\/v2\/product"}],"about":[{"href":"https:\/\/procodestore.com\/index.php\/wp-json\/wp\/v2\/types\/product"}],"replies":[{"embeddable":true,"href":"https:\/\/procodestore.com\/index.php\/wp-json\/wp\/v2\/comments?post=224"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/procodestore.com\/index.php\/wp-json\/wp\/v2\/media\/229"}],"wp:attachment":[{"href":"https:\/\/procodestore.com\/index.php\/wp-json\/wp\/v2\/media?parent=224"}],"wp:term":[{"taxonomy":"product_cat","embeddable":true,"href":"https:\/\/procodestore.com\/index.php\/wp-json\/wp\/v2\/product_cat?post=224"},{"taxonomy":"product_tag","embeddable":true,"href":"https:\/\/procodestore.com\/index.php\/wp-json\/wp\/v2\/product_tag?post=224"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}