{"id":13201,"date":"2026-11-02T02:50:29","date_gmt":"2026-11-01T23:50:29","guid":{"rendered":"https:\/\/www.newresimtablo.com.tr\/?page_id=13201"},"modified":"2026-11-02T02:53:32","modified_gmt":"2026-11-01T23:53:32","slug":"tablonu-tasarla","status":"publish","type":"page","link":"https:\/\/www.newresimtablo.com.tr\/index.php\/tablonu-tasarla\/","title":{"rendered":"Tablonu Tasarla"},"content":{"rendered":"<style>#nr-design{max-width:1180px;margin:30px auto 60px;padding:16px;color:#26211c}#nr-design *{box-sizing:border-box}#nr-design .nr-layout{display:grid;grid-template-columns:1.25fr 1fr;gap:36px}#nr-design .nr-stage{background:#ede9e2;min-height:550px;display:flex;align-items:center;justify-content:center;padding:32px;border-radius:16px;background-image:linear-gradient(150deg,#f5f2ed,#dfd7cb)}#nr-design canvas{max-width:100%;max-height:490px;width:auto;height:auto;box-shadow:8px 16px 26px #0003;background:white}#nr-design .nr-label{font-size:12px;letter-spacing:2px;color:#9a7023}#nr-design h2{font-size:32px;margin:12px 0}#nr-design .nr-muted{color:#716b64;line-height:1.65}#nr-design .nr-upload{border:2px dashed #c7b89e;background:#faf8f3;padding:20px;border-radius:12px;margin:22px 0}#nr-design label{display:block;margin:18px 0 8px;font-weight:600}#nr-design select,#nr-design input[type=file]{width:100%;padding:10px;border:1px solid #ddd;border-radius:6px}#nr-design input[type=range]{width:100%;accent-color:#721b0d}#nr-design button{padding:12px 18px;border:0;border-radius:7px;background:#721b0d;color:white;cursor:pointer}#nr-design button:disabled{opacity:.45;cursor:default}#nr-design .nr-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}#nr-design .nr-secondary{background:#e9e1d4;color:#392c1e}#nr-design .nr-bottom{border-top:1px solid #e5dfd5;margin-top:34px;padding-top:22px;display:flex;gap:28px;flex-wrap:wrap}#nr-design .nr-note{font-size:13px;line-height:1.6}@media(max-width:760px){#nr-design .nr-layout{grid-template-columns:1fr}#nr-design .nr-stage{min-height:320px;padding:22px}#nr-design canvas{max-height:360px}#nr-design h2{font-size:27px}}<\/style>\n<section id=\"nr-design\">\n<div class=\"nr-layout\">\n<div>\n<div class=\"nr-stage\"><canvas id=\"nr-canvas\" width=\"560\" height=\"760\" aria-label=\"Kanvas tablo \u00f6nizlemesi\"><\/canvas><\/div>\n<p class=\"nr-note nr-muted\">\u00d6nizleme temsilidir. Bask\u0131 renkleri ve ah\u015fab\u0131n tonu ger\u00e7ek \u00fcr\u00fcnde farkl\u0131l\u0131k g\u00f6sterebilir.<\/p>\n<\/div>\n<div>\n<div class=\"nr-label\">NEWRES\u0130M TABLO \u00b7 K\u0130\u015e\u0130YE \u00d6ZEL<\/div>\n<h2>Foto\u011fraf\u0131n\u0131z tablo olsun<\/h2>\n<p class=\"nr-muted\">Sevdi\u011finiz bir kareyi se\u00e7in, \u00f6l\u00e7\u00fcn\u00fcz\u00fc belirleyin ve kanvas tablonuzun nas\u0131l g\u00f6r\u00fcnece\u011fini ke\u015ffedin. \u0130sterseniz ah\u015fap \u00e7er\u00e7eve ekleyin.<\/p>\n<div class=\"nr-upload\"><label for=\"nr-file\" style=\"margin-top:0\">1. Foto\u011fraf\u0131n\u0131 ekle<\/label><input id=\"nr-file\" type=\"file\" accept=\"image\/jpeg,image\/png,image\/webp\"><\/p>\n<p class=\"nr-note nr-muted\">JPG, PNG veya WebP \u00b7 En fazla 20 MB<\/p>\n<p id=\"nr-status\" role=\"status\" class=\"nr-note\">Foto\u011fraf se\u00e7erek ba\u015flay\u0131n.<\/p>\n<\/div>\n<p><label for=\"nr-size\">2. Tablo \u00f6l\u00e7\u00fcs\u00fc<\/label><select id=\"nr-size\"><option value=\"35x50\">35 \u00d7 50 cm<\/option><option value=\"40x60\">40 \u00d7 60 cm<\/option><option value=\"50x70\">50 \u00d7 70 cm<\/option><option value=\"50x100\">50 \u00d7 100 cm<\/option><option value=\"60x120\">60 \u00d7 120 cm<\/option><option value=\"70x100\">70 \u00d7 100 cm<\/option><option value=\"70x150\">70 \u00d7 150 cm<\/option><option value=\"80x80\">80 \u00d7 80 cm<\/option><option value=\"80x120\">80 \u00d7 120 cm<\/option><option value=\"90x120\">90 \u00d7 120 cm<\/option><option value=\"100x100\">100 \u00d7 100 cm<\/option><option value=\"100x150\">100 \u00d7 150 cm<\/option><\/select><label for=\"nr-frame\">Tablo se\u00e7ene\u011fi<\/label><select id=\"nr-frame\"><option value=\"canvas\">Kanvas \u2014 d\u0131\u015f \u00e7er\u00e7evesiz<\/option><option value=\"wood\">Kanvas + ah\u015fap \u00e7er\u00e7eve (ek \u00fccretli)<\/option><\/select><label for=\"nr-fit\">3. Foto\u011fraf\u0131n yerle\u015fimi<\/label><select id=\"nr-fit\"><option value=\"cover\">Alan\u0131 doldur (kenarlardan k\u0131rp\u0131labilir)<\/option><option value=\"contain\">Foto\u011fraf\u0131n tamam\u0131n\u0131 g\u00f6ster<\/option><\/select><label for=\"nr-zoom\">Yak\u0131nla\u015ft\u0131r<\/label><input id=\"nr-zoom\" type=\"range\" min=\"1\" max=\"3\" step=\"0.05\" value=\"1\"><label for=\"nr-x\">Yatay konum<\/label><input id=\"nr-x\" type=\"range\" min=\"-1\" max=\"1\" step=\"0.02\" value=\"0\"><label for=\"nr-y\">Dikey konum<\/label><input id=\"nr-y\" type=\"range\" min=\"-1\" max=\"1\" step=\"0.02\" value=\"0\"><\/p>\n<div class=\"nr-actions\"><button id=\"nr-download\" type=\"button\" disabled>\u00d6nizlemeyi indir<\/button><button id=\"nr-reset\" class=\"nr-secondary\" type=\"button\">Kadraj\u0131 s\u0131f\u0131rla<\/button><\/div>\n<p class=\"nr-note nr-muted\">Foto\u011fraf\u0131n\u0131z bu \u00f6nizlemede yaln\u0131zca cihaz\u0131n\u0131zda i\u015flenir; siteye y\u00fcklenmez ve sipari\u015f olu\u015fturulmaz.<\/p>\n<\/div>\n<\/div>\n<div class=\"nr-bottom\"><span>\u2713 12 farkl\u0131 \u00f6l\u00e7\u00fc<\/span><span>\u2713 \u0130ste\u011fe ba\u011fl\u0131 ah\u015fap \u00e7er\u00e7eve<\/span><span>\u2713 Size \u00f6zel foto\u011fraf<\/span><\/div>\n<\/section>\n<p><script>(function(){const root=document.getElementById('nr-design');if(!root)return;const el=id=>root.querySelector('#nr-'+id),c=el('canvas'),ctx=c.getContext('2d');let img=null,url=null;function draw(){const [w,h]=el('size').value.split('x').map(Number);const scale=720\/Math.max(w,h),b=el('frame').value==='wood'?24:0;c.width=Math.round(w*scale)+b*2;c.height=Math.round(h*scale)+b*2;const W=c.width,H=c.height;ctx.fillStyle='#946039';ctx.fillRect(0,0,W,H);for(let i=0;i<b;i+=3){ctx.strokeStyle=i%2?'#b78755':'#76502f';ctx.lineWidth=1;ctx.strokeRect(i+.5,i+.5,W-i*2-1,H-i*2-1)}ctx.fillStyle='#fffdf8';ctx.fillRect(b,b,W-b*2,H-b*2);const iw=W-b*2,ih=H-b*2;if(!img){ctx.fillStyle='#8e8172';ctx.textAlign='center';ctx.font='20px sans-serif';ctx.fillText('Foto\u011fraf\u0131n\u0131z burada g\u00f6r\u00fcnecek',W\/2,H\/2);ctx.font='16px sans-serif';ctx.fillText(w+' \u00d7 '+h+' cm',W\/2,H\/2+34);return}let s=(el('fit').value==='cover'?Math.max(iw\/img.width,ih\/img.height):Math.min(iw\/img.width,ih\/img.height))*Number(el('zoom').value);let dw=img.width*s,dh=img.height*s;let x=b+(iw-dw)\/2+Number(el('x').value)*Math.abs(iw-dw)\/2,y=b+(ih-dh)\/2+Number(el('y').value)*Math.abs(ih-dh)\/2;ctx.save();ctx.beginPath();ctx.rect(b,b,iw,ih);ctx.clip();ctx.drawImage(img,x,y,dw,dh);ctx.restore()}function reset(){el('zoom').value=1;el('x').value=0;el('y').value=0;draw()}el('file').addEventListener('change',function(){const f=this.files[0];if(!f)return;if(!['image\/jpeg','image\/png','image\/webp'].includes(f.type)||f.size>20*1024*1024){el('status').textContent='L\u00fctfen 20 MB alt\u0131nda JPG, PNG veya WebP se\u00e7in.';this.value='';return}const nextURL=URL.createObjectURL(f),next=new Image();next.onload=function(){if(url)URL.revokeObjectURL(url);url=nextURL;img=next;el('status').textContent=f.name+' \u00b7 '+img.width+' \u00d7 '+img.height+' piksel'+(Math.min(img.width,img.height)<1000?' \u00b7 Daha net bask\u0131 i\u00e7in daha y\u00fcksek \u00e7\u00f6z\u00fcn\u00fcrl\u00fck \u00f6nerilir.':'');el('download').disabled=false;reset()};next.onerror=function(){URL.revokeObjectURL(nextURL);el('status').textContent='Foto\u011fraf a\u00e7\u0131lamad\u0131. Ba\u015fka bir dosya se\u00e7in.'};next.src=nextURL});['size','frame','fit','zoom','x','y'].forEach(id=>el(id).addEventListener('input',draw));el('reset').addEventListener('click',reset);el('download').addEventListener('click',function(){if(!img)return;const a=document.createElement('a');a.download='newresimtablo-onizleme-'+el('size').value+'.png';a.href=c.toDataURL('image\/png');a.click()});draw()})();<\/script><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u00d6nizleme temsilidir. Bask\u0131 renkleri ve ah\u015fab\u0131n tonu ger\u00e7ek \u00fcr\u00fcnde farkl\u0131l\u0131k g\u00f6sterebilir. NEWRES\u0130M TABLO \u00b7 K\u0130\u015e\u0130YE \u00d6ZEL Foto\u011fraf\u0131n\u0131z tablo olsun Sevdi\u011finiz bir kareyi se\u00e7in, \u00f6l\u00e7\u00fcn\u00fcz\u00fc belirleyin ve kanvas tablonuzun nas\u0131l g\u00f6r\u00fcnece\u011fini ke\u015ffedin. \u0130sterseniz ah\u015fap \u00e7er\u00e7eve ekleyin. 1. Foto\u011fraf\u0131n\u0131 ekle JPG, PNG veya WebP \u00b7 En fazla 20 MB Foto\u011fraf se\u00e7erek ba\u015flay\u0131n. 2. Tablo \u00f6l\u00e7\u00fcs\u00fc35 \u00d7 50 &hellip; <a href=\"https:\/\/www.newresimtablo.com.tr\/index.php\/tablonu-tasarla\/\" class=\"more-link\">Continue reading <span class=\"screen-reader-text\">Tablonu Tasarla<\/span><\/a><\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_crdt_document":"","footnotes":""},"class_list":["post-13201","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.newresimtablo.com.tr\/index.php\/wp-json\/wp\/v2\/pages\/13201","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.newresimtablo.com.tr\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.newresimtablo.com.tr\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.newresimtablo.com.tr\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.newresimtablo.com.tr\/index.php\/wp-json\/wp\/v2\/comments?post=13201"}],"version-history":[{"count":2,"href":"https:\/\/www.newresimtablo.com.tr\/index.php\/wp-json\/wp\/v2\/pages\/13201\/revisions"}],"predecessor-version":[{"id":13204,"href":"https:\/\/www.newresimtablo.com.tr\/index.php\/wp-json\/wp\/v2\/pages\/13201\/revisions\/13204"}],"wp:attachment":[{"href":"https:\/\/www.newresimtablo.com.tr\/index.php\/wp-json\/wp\/v2\/media?parent=13201"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}