{"id":97,"date":"2026-06-25T09:12:10","date_gmt":"2026-06-25T09:12:10","guid":{"rendered":"https:\/\/toolskit.site\/index.php\/simple-image-resizer-test\/"},"modified":"2026-06-25T09:12:10","modified_gmt":"2026-06-25T09:12:10","slug":"simple-image-resizer-test","status":"publish","type":"page","link":"https:\/\/toolskit.site\/index.php\/simple-image-resizer-test\/","title":{"rendered":"Simple Image Resizer Test"},"content":{"rendered":"<div class=\"hth-single-tool-shell\" style=\"--hth-color:#ffa500\">\n<div style=\"padding:20px;background:#1a1a2e;border-radius:12px;max-width:800px;margin:0 auto;\">\n<h2 style=\"color:#ffa500;margin-bottom:20px;\">Image Resizer Test<\/h2>\n<p><input type=\"file\" id=\"test-file\" accept=\"image\/*\" style=\"margin-bottom:20px;\"><\/p>\n<div id=\"test-preview\" style=\"background:#0a0a12;padding:20px;border-radius:8px;min-height:200px;text-align:center;\">\n<p style=\"color:#888;\">Upload an image to see preview<\/p>\n<\/div>\n<div style=\"margin-top:20px;\"><label style=\"color:#aaa;display:block;margin-bottom:10px;\">Width: <input type=\"number\" id=\"test-width\" value=\"300\" style=\"margin-left:10px;padding:5px;background:#12121a;border:1px solid #333;border-radius:4px;color:#fff;\"><\/label><button onclick=\"resizeTestImage()\" style=\"margin-top:10px;padding:10px 20px;background:#ffa500;border:none;border-radius:6px;color:#000;font-weight:bold;cursor:pointer;\">Resize Image<\/button><\/div>\n<\/div>\n<p><script>var testImg = null;document.getElementById('test-file').addEventListener('change', function(e) {var file = e.target.files[0];if (!file) return;var reader = new FileReader();reader.onload = function(ev) {var img = new Image();img.onload = function() {testImg = img;document.getElementById('test-preview').innerHTML = '';var preview = document.createElement('img');preview.src = img.src;preview.style.maxWidth = '100%';preview.style.maxHeight = '400px';document.getElementById('test-preview').appendChild(preview);};img.src = ev.target.result;};reader.readAsDataURL(file);});function resizeTestImage() {if (!testImg) {alert('Please upload an image first!');return;}var w = parseInt(document.getElementById('test-width').value) || 300;var canvas = document.createElement('canvas');canvas.width = w;canvas.height = (testImg.height \/ testImg.width) * w;var ctx = canvas.getContext('2d');ctx.drawImage(testImg, 0, 0, canvas.width, canvas.height);document.getElementById('test-preview').innerHTML = '';var img = document.createElement('img');img.src = canvas.toDataURL();img.style.maxWidth = '100%';document.getElementById('test-preview').appendChild(img);}<\/script>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Basic image resize tool for testing<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-97","page","type-page","status-publish"],"_links":{"self":[{"href":"https:\/\/toolskit.site\/index.php\/wp-json\/wp\/v2\/pages\/97","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/toolskit.site\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/toolskit.site\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/toolskit.site\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/toolskit.site\/index.php\/wp-json\/wp\/v2\/comments?post=97"}],"version-history":[{"count":0,"href":"https:\/\/toolskit.site\/index.php\/wp-json\/wp\/v2\/pages\/97\/revisions"}],"wp:attachment":[{"href":"https:\/\/toolskit.site\/index.php\/wp-json\/wp\/v2\/media?parent=97"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}