<\/div>\n
Asp.NET MVC’nin en g\u00fczel, kullan\u0131\u015fl\u0131 ve esnek nesnelerinden biri WebImage nesnesidir.WebImage nesnesi sayesinde resim y\u00fckleyebilir, y\u00fcklenen resmi g\u00f6r\u00fcnt\u00fcleyebilir ve \u00fczerinde efektsel i\u015flemler ger\u00e7ekle\u015ftirebiliriz.
\n
\n\u00d6ncelikle WebImage nesnesinde en \u00e7ok kullan\u0131lan metod ve propertyleri irdeleyelim.<\/p>\n
Resize Metodu<\/strong><\/em><\/span> = Elimizdeki resmin boyut ayarlar\u0131yla oynamak i\u00e7in kullan\u0131l\u0131r.\u00d6rnek kullan\u0131m\u0131;<\/p>\n
\r\n            WebImage Resim = new WebImage("Resim Yolu");\r\n            Resim.Resize(int width, int height, bool preserveAspectRatio, bool preventEnlarge);\r\n<\/pre>\nYukar\u0131daki \u00f6rnek kodu inceleyiniz e\u011fer,
\n“preserveAspectRatio” isimli parametre, resmimizde boyutland\u0131rma i\u015flemi yap\u0131l\u0131rken, geni\u015flik ve y\u00fckseklik de\u011ferlerinin birbiriyle orant\u0131l\u0131 bir \u015fekilde de\u011fi\u015fip de\u011fi\u015fmemesini sa\u011flar.E\u011fer “true” de\u011ferini verirsek orant\u0131l\u0131 de\u011fi\u015fim g\u00f6sterir, “false” de\u011ferini verirsek birbirlerinden ba\u011f\u0131ms\u0131z de\u011fi\u015fiklikler g\u00f6stereceklerdir.<\/p>\n
“preventEnlarge” isimli parametre ise, resim ile boyutland\u0131rma i\u015flemi sonucundaki elde edilen resim aras\u0131ndaki boyut ili\u015fkisi, orjinal resimden b\u00fcy\u00fck ise boyutland\u0131rma i\u015flemi ger\u00e7ekle\u015fmeyecektir.”true” de\u011ferini al\u0131rsa bu \u00f6zellik ge\u00e7erli olacakt\u0131r.”false” de\u011ferini al\u0131rsa her t\u00fcrl\u00fc boyutland\u0131rma yap\u0131labilir.<\/p>\n
Save Metodu<\/strong><\/em><\/span> = Resmi kaydetmeye yarar.\u00d6rnek kullan\u0131m\u0131;<\/p>\n
\r\n            WebImage Resim = new WebImage("Resim Yolu");\r\n            Resim.Save(string filePath, string imageFormat);\r\n<\/pre>\nYukar\u0131daki \u00f6rnek kodu incelerseniz e\u011fer,
\n“filePayh” isimli parametreye, resmimizin kaydedilece\u011fi dizini veririz.
\n“imageFormat” isimli parametrede ise, resmimizin kaydedilece\u011fi dosya format\u0131n\u0131 belirleriz.<\/p>\n
AddTextWatermark Metodu<\/strong><\/em><\/span> = Resim \u00fczerine yaz\u0131 tasar\u0131m\u0131 yedirmek i\u00e7in kullan\u0131l\u0131r.\u00d6rnek kullan\u0131m\u0131;<\/p>\n
\r\n            WebImage Resim = new WebImage("Resim Yolu");\r\n            Resim.AddTextWatermark(string text, string fontColor, int fontSize, string fontStyle, string fontFamily, string horizontalAlign, string verticalAlign, int opacity, int padding);\r\n<\/pre>\nYukar\u0131daki \u00f6rnek kodu incelerseniz e\u011fer,
\n“text” isimli parametreye, resmin \u00fczerine yedirece\u011fimiz yaz\u0131y\u0131 veririz.
\n“fontColor” isimli parametreyle, yaz\u0131m\u0131z\u0131n rengini ayarlar\u0131z.
\n“fontSize” isimli parametreyle, yaz\u0131m\u0131z\u0131n boyutunu ayarlar\u0131z.
\n“fontStyle” isimli parametreyle, yaz\u0131m\u0131z\u0131n stilini ayarlar\u0131z.
\n“fontFamily” isimli parametreyle, yaz\u0131m\u0131z\u0131n tipini ayarlar\u0131z.
\n“horizontalAlign” isimli parametre, yatay hizalama bi\u00e7imini belirler.
\n“verticalAlign” isimli parametre, dikey hizalama bi\u00e7imini belirler.
\n“opacity” parametresi, yaz\u0131m\u0131z\u0131n saydaml\u0131k oran\u0131n\u0131 belirler.
\n“padding” parametresi ise, eklenen yaz\u0131 ile resim kenarl\u0131\u011f\u0131 aras\u0131ndaki mesafeyi belirler.<\/p>\n
AddImageWatermark Metodu<\/strong><\/em><\/span> = Resim \u00fczerine ba\u015fka bir resim eklemek i\u00e7in kullan\u0131lan metoddur.\u00d6rnek kullan\u0131m\u0131;<\/p>\n
\r\n            WebImage Resim = new WebImage("Resim Yolu");\r\n            Resim.AddImageWatermark(string watermarkImageFilePath, int width, int height, string horizontalAlign, string verticalAlign, int opacity, int padding);\r\n<\/pre>\nYukar\u0131daki \u00f6rnek kodu incelerseniz e\u011fer,
\nAddImageWatermark metodumuz da parametre olarak sadece “watermarkImageFilePath” isimli parametreyi inceleyece\u011fiz.Di\u011fer parametreler yukar\u0131daki “AddTextWatermark” isimli metoddaki parametreler ile ayn\u0131 i\u015flevi g\u00f6rmektedir.Bu parametremimizin g\u00f6revi ise, fligran olarak kullan\u0131lacak olan resmimizin dosya yolu ister.<\/p>\n
Crop Metodu<\/strong><\/em><\/span> = Resmin belirli k\u0131sm\u0131n\u0131 kesebilmek i\u00e7in kullan\u0131l\u0131r.Tabi programc\u0131 mant\u0131\u011f\u0131yla olaya bakarsak e\u011fer, kesilen k\u0131s\u0131m ayr\u0131 bir resim olarak elimize ge\u00e7ecektir.\u00d6rnek kullan\u0131m\u0131;<\/p>\n
\r\n            WebImage Resim = new WebImage("Resim Yolu");\r\n            Resim.Crop(int top, int left, int bottom, int right);\r\n<\/pre>\nFlipHorizontal Metodu<\/strong><\/em><\/span> = Resmi yatay y\u00f6nde tersine \u00e7evirmek amac\u0131yla kullan\u0131l\u0131r.\u00d6rnek kullan\u0131m\u0131;<\/p>\n
\r\n            WebImage Resim = new WebImage("Resim Yolu");\r\n            Resim.FlipHorizontal();\r\n<\/pre>\nFlipVertical Metodu<\/strong><\/em><\/span> = Resmi dikey y\u00f6nde tersine \u00e7evirmek amac\u0131yla kullan\u0131l\u0131r.\u00d6rnek kullan\u0131m\u0131;<\/p>\n
\r\n            WebImage Resim = new WebImage("Resim Yolu");\r\n            Resim.FlipVertical();\r\n<\/pre>\nRotateLeft Metodu<\/strong><\/em><\/span> = Resmi dikey sola d\u00f6nd\u00fcrmek amac\u0131yla kullan\u0131l\u0131r.\u00d6rnek kullan\u0131m\u0131;<\/p>\n
\r\n            WebImage Resim = new WebImage("Resim Yolu");\r\n            Resim.RotateLeft();\r\n<\/pre>\nRotateRight Metodu<\/strong><\/em><\/span> = Resmi sa\u011fa d\u00f6nd\u00fcrmek amac\u0131yla kullan\u0131l\u0131r.\u00d6rnek kullan\u0131m\u0131;<\/p>\n
\r\n            WebImage Resim = new WebImage("Resim Yolu");\r\n            Resim.RotateRight();\r\n<\/pre>\n\u015eimdi WebImage nesnemizin bir MVC projesinde uygulamal\u0131 \u00f6rne\u011fini yapal\u0131m.
\nBen bo\u015f bir Asp.NET MVC projesi olu\u015fturuyorum.
\n“Home(Controller).cs” isimli Controller s\u0131n\u0131m\u0131za yukar\u0131daki bahsetti\u011fim \u00e7e\u015fitli i\u015flevleri g\u00f6ren metodlar\u0131 ger\u00e7ekle\u015ftirecek Action metodlar\u0131n\u0131 yazal\u0131m.<\/p>\n
\r\n    public class HomeController : Controller\r\n    {\r\n        public ActionResult Index()\r\n        {\r\n            return View();\r\n        }\r\n\r\n        public ActionResult ResmeYaziEkle(string ResimYolu)\r\n        {\r\n            WebImage Resim = new WebImage(ResimYolu);\r\n            Resim.AddTextWatermark("Gen\u00e7ay Y\u0131ld\u0131z", "Black", 25, "Regular", "Arial", "Right", "Bottom", 50);\r\n            Resim.Save(Server.MapPath(ResimYolu));\r\n            return Redirect(ResimYolu);\r\n        }\r\n\r\n        public ActionResult ResmeResimEkle(string ResimYolu)\r\n        {\r\n            WebImage Resim = new WebImage(ResimYolu);\r\n            Resim.AddImageWatermark(Server.MapPath("~\/Content\/Resimler\/1831471Koala.jpg"), 250, 250, "Right", "Bottom", 50, 70);\r\n            Resim.Save(Server.MapPath(ResimYolu));\r\n            return Redirect(ResimYolu);\r\n        }\r\n\r\n        public ActionResult ResmiKes(string ResimYolu)\r\n        {\r\n            WebImage Resim = new WebImage(ResimYolu);\r\n            Resim.Crop(300, 300, 300, 300);\r\n            Resim.Save(Server.MapPath(ResimYolu));\r\n            return Redirect(ResimYolu);\r\n        }\r\n\r\n        public ActionResult ResmiYatayCevir(string ResimYolu)\r\n        {\r\n            WebImage Resim = new WebImage(ResimYolu);\r\n            Resim.FlipHorizontal();\r\n            Resim.Save(Server.MapPath(ResimYolu));\r\n            return Redirect(ResimYolu);\r\n        }\r\n\r\n        public ActionResult ResmiDikeyCevir(string ResimYolu)\r\n        {\r\n            WebImage Resim = new WebImage(ResimYolu);\r\n            Resim.FlipVertical();\r\n            Resim.Save(Server.MapPath(ResimYolu));\r\n            return Redirect(ResimYolu);\r\n        }\r\n\r\n        public ActionResult ResmiSolaDondur(string ResimYolu)\r\n        {\r\n            WebImage Resim = new WebImage(ResimYolu);\r\n            Resim.RotateLeft();\r\n            Resim.Save(Server.MapPath(ResimYolu));\r\n            return Redirect(ResimYolu);\r\n        }\r\n\r\n        public ActionResult ResmiSagaDondur(string ResimYolu)\r\n        {\r\n            WebImage Resim = new WebImage(ResimYolu);\r\n            Resim.RotateRight();\r\n            Resim.Save(Server.MapPath(ResimYolu));\r\n            return Redirect(ResimYolu);\r\n        }\r\n    }\r\n<\/pre>\nYukar\u0131daki s\u0131n\u0131f\u0131 detayl\u0131 bir bi\u00e7imde inceleyiniz.<\/p>\n
\u015eimdi “Home(Controller).cs” isimli Controller s\u0131n\u0131f\u0131m\u0131z\u0131n “Index” Action metodunun .cshtml g\u00f6r\u00fcnt\u00fcs\u00fcn\u00fc olu\u015ftural\u0131m.Tasar\u0131msal ve programatik kodlar a\u015fa\u011f\u0131daki gibi olacakt\u0131r.<\/p>\n
\r\n@{\r\n    WebImage Resim = null;\r\n    string ResimAdi = null;\r\n    string ResimYolu = null;\r\n    string BoyutlandirilmisResimYolu = null;\r\n    int ResimBoyutu = 0;\r\n\r\n    if (IsPost)\r\n    {\r\n        Resim = WebImage.GetImageFromRequest();\r\n        if (Resim != null)\r\n        {\r\n            Random rstgele = new Random();\r\n            ResimAdi = rstgele.Next(9999, 9999999) + Path.GetFileName(Resim.FileName);\r\n            ResimYolu = @"~\/Content\/Resimler\/" + ResimAdi;\r\n            Resim.Save(ResimYolu);\r\n            BoyutlandirilmisResimYolu = @"~\/Content\/Boyutlandirilmis\/" + ResimAdi;\r\n            Resim.Resize(100, 100, true, true);\r\n            Resim.Save(BoyutlandirilmisResimYolu);\r\n            ResimBoyutu = Resim.GetBytes().Length \/ 1024;\r\n            Response.Write("Resim ba\u015far\u0131yla y\u00fcklendi.");\r\n        }\r\n        else\r\n        {\r\n            Response.Write("Resim y\u00fcklenirken hata olu\u015ftu.");\r\n        }\r\n    }\r\n}\r\n\r\n<form action="" method="post" enctype="multipart\/form-data">\r\n    <text>Resim Se\u00e7iniz<\/text>\r\n    <br \/>\r\n    <input type="file" name="fuResim" id="fuResim" \/><br \/>\r\n    <input type="submit" value="Resmi Y\u00fckle" \/>\r\n    <br \/>\r\n    @if (ResimYolu != null)\r\n    {\r\n        <img src="@Href(BoyutlandirilmisResimYolu)" \/>\r\n        <br \/>\r\n        <a href="@Url.Action("ResmeYaziEkle", new { ResimYolu = ResimYolu })">Resme yaz\u0131 ekle<\/a><br \/>\r\n        <a href="@Url.Action("ResmeResimEkle", new { ResimYolu = ResimYolu })">Resme resim ekle<\/a><br \/>\r\n        <a href="@Url.Action("ResmiKes", new { ResimYolu = ResimYolu })">Resmi kes<\/a><br \/>\r\n        <a href="@Url.Action("ResmiYatayCevir", new { ResimYolu = ResimYolu })">Resmi yatay \u00e7evir<\/a><br \/>\r\n        <a href="@Url.Action("ResmiDikeyCevir", new { ResimYolu = ResimYolu })">Resmi dikey \u00e7evir<\/a><br \/>\r\n        <a href="@Url.Action("ResmiSolaDondur", new { ResimYolu = ResimYolu })">Resmi sola d\u00f6nd\u00fcr<\/a><br \/>\r\n        <a href="@Url.Action("ResmiSagaDondur", new { ResimYolu = ResimYolu })">Resmi sa\u011fa d\u00f6nd\u00fcr<\/a><br \/>\r\n    }\r\n<\/form>\r\n<\/pre>\nYukar\u0131daki “Index.cshtml” sayfas\u0131nda yapt\u0131\u011f\u0131m i\u015flemleri \u00e7ok dikkatli bir \u015fekilde incelemenizi tavsiye ediyorum.<\/p>\n
Yapt\u0131\u011f\u0131m\u0131z \u00e7al\u0131\u015fman\u0131n son ekran g\u00f6r\u00fcnt\u00fcs\u00fc a\u015fa\u011f\u0131daki gibi olacakt\u0131r.
\n<\/a><\/p>\n
Varsayal\u0131m ki, “Resmi yatay \u00e7evir” men\u00fcs\u00fcne t\u0131klam\u0131\u015f olay\u0131m.G\u00f6r\u00fcnt\u00fc a\u015fa\u011f\u0131daki gibi olacakt\u0131r.
\n<\/a><\/p>\n
G\u00f6rd\u00fc\u011f\u00fcn\u00fcz gibi, Windows 7 i\u015fletim sistemlerinde varsay\u0131lan olarak gelen ve hemen hemen herkesin tan\u0131d\u0131\u011f\u0131 Koala arkada\u015f\u0131m\u0131z\u0131 yatay olarak programatik \u00e7evirdir.\u00c7ok zevkli de\u011fil mi? \ud83d\ude42<\/p>\n
Asp.NET MVC’de WebImage nesnesi sayesinde bir \u00e7ok prosed\u00fcrel y\u00f6ntem ve kodlardan kurtulmu\u015f oluyoruz.
\nFaydalanman\u0131z dile\u011fiyle..<\/p>\n
Bir sonraki yaz\u0131mda g\u00f6r\u00fc\u015f\u00fcr\u00fcz..
\n\u0130yi \u00e7al\u0131\u015fmalar..<\/p>\n","protected":false},"excerpt":{"rendered":"
Asp.NET MVC’nin en g\u00fczel, kullan\u0131\u015fl\u0131 ve esnek nesnelerinden biri WebImage nesnesidir.WebImage nesnesi sayesinde resim y\u00fckleyebilir, y\u00fcklenen resmi g\u00f6r\u00fcnt\u00fcleyebilir ve \u00fczerinde efektsel i\u015flemler ger\u00e7ekle\u015ftirebiliriz.<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[11,345],"tags":[746,283,755,416],"class_list":["post-1608","post","type-post","status-publish","format-standard","hentry","category-asp-net-mvc","category-mvc-4-0","tag-asp-net-mvc","tag-mvc","tag-mvc-4-0","tag-webimage"],"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/posts\/1608","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/comments?post=1608"}],"version-history":[{"count":0,"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/posts\/1608\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/media?parent=1608"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/categories?post=1608"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/tags?post=1608"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}