{"version":"1.0","provider_name":"Kodlar\u0131n Gizemli D\u00fcnyas\u0131","provider_url":"https:\/\/fatihsoysal.com\/blog","author_name":"Fatih Soysal","author_url":"https:\/\/fatihsoysal.com\/blog\/author\/fatihsoysal\/","title":"Canvas \u00dczerinde Resim K\u0131rpma: Kolay ve Etkili Y\u00f6ntemler","type":"rich","width":600,"height":338,"html":"<blockquote class=\"wp-embedded-content\" data-secret=\"tPsZonGiDa\"><a href=\"https:\/\/fatihsoysal.com\/blog\/canvas-uzerinde-resim-kirpma-kolay-ve-etkili-yontemler\/\">Canvas \u00dczerinde Resim K\u0131rpma: Kolay ve Etkili Y\u00f6ntemler<\/a><\/blockquote><iframe sandbox=\"allow-scripts\" security=\"restricted\" src=\"https:\/\/fatihsoysal.com\/blog\/canvas-uzerinde-resim-kirpma-kolay-ve-etkili-yontemler\/embed\/#?secret=tPsZonGiDa\" width=\"600\" height=\"338\" title=\"&#8220;Canvas \u00dczerinde Resim K\u0131rpma: Kolay ve Etkili Y\u00f6ntemler&#8221; &#8212; Kodlar\u0131n Gizemli D\u00fcnyas\u0131\" data-secret=\"tPsZonGiDa\" frameborder=\"0\" marginwidth=\"0\" marginheight=\"0\" scrolling=\"no\" class=\"wp-embedded-content\"><\/iframe><script>\n\/*! This file is auto-generated *\/\n!function(d,l){\"use strict\";l.querySelector&&d.addEventListener&&\"undefined\"!=typeof URL&&(d.wp=d.wp||{},d.wp.receiveEmbedMessage||(d.wp.receiveEmbedMessage=function(e){var t=e.data;if((t||t.secret||t.message||t.value)&&!\/[^a-zA-Z0-9]\/.test(t.secret)){for(var s,r,n,a=l.querySelectorAll('iframe[data-secret=\"'+t.secret+'\"]'),o=l.querySelectorAll('blockquote[data-secret=\"'+t.secret+'\"]'),c=new RegExp(\"^https?:$\",\"i\"),i=0;i<o.length;i++)o[i].style.display=\"none\";for(i=0;i<a.length;i++)s=a[i],e.source===s.contentWindow&&(s.removeAttribute(\"style\"),\"height\"===t.message?(1e3<(r=parseInt(t.value,10))?r=1e3:~~r<200&&(r=200),s.height=r):\"link\"===t.message&&(r=new URL(s.getAttribute(\"src\")),n=new URL(t.value),c.test(n.protocol))&&n.host===r.host&&l.activeElement===s&&(d.top.location.href=t.value))}},d.addEventListener(\"message\",d.wp.receiveEmbedMessage,!1),l.addEventListener(\"DOMContentLoaded\",function(){for(var e,t,s=l.querySelectorAll(\"iframe.wp-embedded-content\"),r=0;r<s.length;r++)(t=(e=s[r]).getAttribute(\"data-secret\"))||(t=Math.random().toString(36).substring(2,12),e.src+=\"#?secret=\"+t,e.setAttribute(\"data-secret\",t)),e.contentWindow.postMessage({message:\"ready\",secret:t},\"*\")},!1)))}(window,document);\n<\/script>\n","description":"Merhaba, Fatih Soysal burada. Bug\u00fcn, web geli\u015ftirme d\u00fcnyas\u0131nda s\u0131k\u00e7a kar\u015f\u0131la\u015ft\u0131\u011f\u0131m\u0131z bir konuyu, yani canvas \u00fczerinde resim k\u0131rpmay\u0131, detayl\u0131 bir \u015fekilde ele alaca\u011f\u0131z. Resim k\u0131rpma i\u015flemi, bir\u00e7ok web uygulamas\u0131nda, \u00f6zellikle foto\u011fraf d\u00fczenleme ara\u00e7lar\u0131nda, olmazsa olmaz bir fonksiyondur. Bu makalede, canvas kullanarak resim k\u0131rpman\u0131n farkl\u0131 y\u00f6ntemlerini ve bunlar\u0131n nas\u0131l uygulanaca\u011f\u0131n\u0131 ad\u0131m ad\u0131m a\u00e7\u0131klayaca\u011f\u0131z. Ayr\u0131ca, kod \u00f6rnekleri ve a\u00e7\u0131klamalar\u0131yla birlikte, karma\u015f\u0131k i\u015flemleri basitle\u015ftirmeye \u00e7al\u0131\u015faca\u011f\u0131z."}