A jedeme dál ...
Človíčkův Weblog aneb Michal Horák bloguje

Kreslení v ASP.NET pomocí knihovny GDI

| 9.11.2006

Posledních pár dní jsem studoval, jak kreslit obrázek v ASP.NET a ono to není vůbec těžké. Nejdříve si musíte založit nový projekt ve Visual Studiu nebo WebDeveloperu, kde si vyberete položku ASP.NET Web Site. Ještě než cokoliv napíšete přidejte do projektu nový WebForm s kódem v odděleném souboru, který můžete nazvat například kruhy. Otevřete si soubor kruhy.aspx.cs připište do použitých jmenných prostorů následující:


using System.Drawing;

using System.Drawing.Drawing2D;

using System.Drawing.Imaging;

Nyní se podívejte o kousek níže, kde je metoda Page_Load(), do které napíšeme náš obrázek. Začneme tím, že vytvoříme nový obrázek a také objekt pro kreslení, kterému nastavíme aby při kreslení používal AntiAliasing a rovnou si vykreslíme i nějaké pozadí:


Bitmap obrazek = new Bitmap(500, 400);

Graphics g = Graphics.FromImage(obrazek);

g.SmoothingMode = SmoothingMode.AntiAlias;
g.FillRectangle(Brushes.DarkOrange, 0, 0, 500, 400);

Nyní si vytvoříme pero, kterým budeme kreslit:

Pen pero = new Pen(Color.White, 2);

Když už máme čím kreslit, nakreslíme si pár kruhů.

g.DrawEllipse(pero, 200, 150, 100, 100); g.DrawEllipse(pero, 250, 100, 100, 100); g.DrawEllipse(pero, 250, 200, 100, 100); g.DrawEllipse(pero, 150, 200, 100, 100); g.DrawEllipse(pero, 150, 100, 100, 100); g.DrawEllipse(pero, 270, 150, 100, 100); g.DrawEllipse(pero, 130, 150, 100, 100); g.DrawEllipse(pero, 200, 80, 100, 100); g.DrawEllipse(pero, 200, 220, 100, 100);

Samozřejmě můžete vykreslovat i jiné geometrické útvary, ty si můžete najít ve vytvořeném objektu g. No a aby jsme z toho něco měli můžeme si přidat i popisek obrázku:

g.TextRenderingHint = System.Drawing.Text.TextRenderingHint.ClearTypeGridFit;

g.DrawString("Kreslení v ASP.NET 2.0 pomocí knihovny GDI", new Font("Trebuchet MS", 14), Brushes.White, new Point(10, 10));

Teď obrázek uložíme a použijeme:


obrazek.Save(Response.OutputStream, System.Drawing.Imaging.ImageFormat.Gif);

g.Dispose();

obrazek.Dispose()

Nakonec přejdeme k souboru Default.aspx, kam přidáme ovládací prvek image, kterému nastavíme vlastnost ImageUrl na kruhy.aspx. Měl by se vám zobrazit následující obrázek.

Já jej chytím

| 8.11.2006

Abych v kategorii grafika ukázal i nějaké své dílo, tak přidávám obrázek, který jsem si do počítače nakreslil dnes odpoledne. Jedná se o dívku chytající míč, snad je to i poznat ;o)

Pokud necháte nějaké smysluplné hodnocení v komentářích, pak budu jedině rád. A to i přesto, že bezesporu nemám žádný talent a kreslím si jen tak pro radost.

ASP.NET AJAX

| 7.11.2006

Microsoft uvolnil beta verzi frameworku ASP.NET AJAX pro snadné vytváření interaktivních webových stránek pod ASP.NET. Všechny potřebné informace se o frameworku dozvíte na webu http://ajax.asp.net/.

Jak nám ukazuje zejména Google, ale i například český Seznam, Ajaxové aplikace jsou opravdu úžasně interaktivní a nejeden uživatel to dokáže ocenit. Pokud ještě nevíte co to ajax je, doporučuji si přečíst článek na AJAX na české wikipedii.

Citace: AJAX (Asynchronous JavaScript and XML) je obecné označení pro technologie vývoje interaktivních webových aplikací, které mění obsah svých stránek bez nutnosti jejich znovunačítání. Na rozdíl od klasických webových aplikací poskytují uživatelsky příjemnější prostředí, ale vyžadují použití moderních webových prohlížečů.

Kliparty zdarma přímo od Microsoftu

| 7.11.2006

Logo Office Online Na webu Office Online v sekci Klipart si můžete stáhnout spoustu fotek, klipartů a animací na svoje webové stránky či jiné dokumenty a pozor, je to zdarma. O této možnosti jsem neměl vůbec žádné ponětí. Asi je to tím, že používám kancelářský balík OpenOffice.org, ale kliparty od Microsoftu se budou hodit ;o)

Výběr je docela velký a najdou se i použitelné a kvalitní věci, jen je potřeba hledat. Většina věcí se pro vážný web zas až tak moc nehodí.

Websnapr.com: Náhledy webových stránek

| 2.11.2006

Chcete na svou stránku přidat náhledy nějakých stránek? Pak je tu pro vás služba serveru websnapr.com, kterou již využívá i pěkná řádka webů u nás. Tuto službu má na svědomí Juan Xavier Larrea, kterému můžu jen pogratulovat ke skvělému výsledku.

Jak si přidat náhled nějaké stránky na web? Stačí napsat

<img src="http://images.websnapr.com/?url=[url]&size=[size]" alt="náhled webu" />

Kde [url] je adresa stránky, na kterou si chcete udělat náhled a [size] určení velikosti náhledu. Pro rozlišení 92x70 pixelů zadáte T, pro 202x152 px S, 400x300 px M a 640x480 L. Pak už si jen chvilku počkáte než se náhled vygeneruje a začne se zobrazovat.

Příklad náhledu

<img src="http://images.websnapr.com/?url=http://weblog.clovicek.net/&size=s" alt="A jedeme dál …" />

<img src="http://images.websnapr.com/?url=http://www.clovicek.net/&size=s" alt="Človíček webdesin" />

A jedeme dál … Človíček webdesign

Náhledy obrázků v PHP

| 2.11.2006

Určitě jste už někde na internetu potkali dynamické galerie, kde jste nahráli obrázek a hned jste mohli vidět jeho náhled. Díky PHP a knihovně GD jsou takovéto náhledy docela jednoduchou záležitostí.

Nejdříve vrátíme hlavičku obrázku, aby prohlížeč vrátil soubor jako obrázek, v našem případě vrátíme obrázek jako JPEG a stejně tak tento skript bere jen souboru ve formátu JPEG.

Je dobré ošetřit stav, kdy obrázek, ze kterého chceme udělat náhled neexistuje. Pokud neexistuje vypíšeme tuto skutečnost na náhled. Pokud obrázek existuje, vytvoříme z něj funkcí ImageCreateFromJPEG nový obrázek, který následně vložíme do náhledu a zmenšíme (ImageCopyResized) do námi chtěných rozměrů.

Zdrojový kód


<?php

Header("Content-type: Image/jpeg");



$img="obrazek.jpg";




$width = 130;

$height = 96;



if (!file_exists($img)){

    $Im1 = ImageCreate($width,$height);


    $bgc = imagecolorallocate ($Im1, 255, 255, 255);

    $tc  = imagecolorallocate ($Im1, 0, 0, 0);


    imagefilledrectangle ($Im1, 0, 0, 150, 30, $bgc);

    imagestring ($Im1, 1, 5, 5, "Obrázek není", $tc);


    imagestring ($Im1, 1, 5, 15, "k dispozici", $tc);

    imageline ($Im1, 0, $height/2, $width, $height/2, $tc);


}else{

    $Im2 = ImageCreateFromJPEG("data/images/$img");



    if(ImageSX($Im2)>ImageSY($Im2))


    {

        $pomer=ImageSY($Im2)/ImageSX($Im2);

        $sirka=$width;

        $vyska=$width*$pomer;


        $posun_dolu=($height-$vyska)/2;

        $posun_doprava = 0;

    }else

    {

        $pomer=ImageSX($Im2)/ImageSY($Im2);


        $sirka=$height*$pomer;

        $vyska=$height;

        $posun_dolu= 0;

        $posun_doprava = ($width-$sirka)/2;


    }

    $Im1 = ImageCreateTrueColor($sirka,$vyska);

    

    imagefilledrectangle ($Im1, 0, 0, $width, $height, $White);


    ImageCopyResized($Im1,$Im2,0,0,0,0,$sirka, $vyska,ImageSX($Im2),ImageSY($Im2));


}



ImageJpeg($Im1);



Destroy($Im1);

Destroy($Im2);

?>

Profesionální díla 3D grafiků ke koupi

| 31.10.2006

Tentokráte jsem narazil na web, který nabízí ke koupi všemožné 3D modely. Jedná se o opravdu kvalitní díla, která když zakopíte můžete dál libovolně upravovat a používat. Vše najdete na webu 3D02.com. Já jsem samozřejmě žádný model nekupoval, už jen z toho důvodu, že bych jej neměl v čem použít, ale dívá se na to krásně. Jako příklad bych vám ukázal několik modelů vozidel české automobilky Škoda:

No řekněte není to nádhera? Jakmile projdu více děl, pokusím se udělat výběr těch podle mě nejlepších a ukázat vám je ;o)

Jak jsem přišel na svět

| 29.10.2006

Všechny postavy v tomto příběhu jsou smyšlené a jakákoliv podobnost s reálnými lidmi je pouze náhodná!

To si jednou Maminka a Tatínek, tehdy se ještě neznajíc, zašli na diskotéku, kde se potkali. Tatínkovi se maminka docela líbila a tak se šel seznámit. Aby se lépe seznamovalo koupil tatínek mamince nějaké pití. No a to pití muselo být opravdu dobré, že prý jej maminka vypila opravdu hodně. Za odměnu pak maminka pozvala tatínka k sobě domů, kde si spolu celou noc povídali. A jak si tak povídali, tak já se musel dřít, abych předběhl všechny své bratříčky a dostal se až do vajíčka. To vám lidi byla dřina.

Po několika dnech se mamince dělalo po ránu špatně, skoro tak špatně, jako jí bylo hned druhý den po seznámení s tatínkem, jenže tohle trvalo několik dní a tak šla maminka k doktorovi. U doktora se jí asi moc nelíbilo, protože hned jak jí pan doktor o mě řekl, tak omdlela, asi horko nebo špatný vzduch, či co.

Jakmile se maminka trochu probrala, tak panu doktorovi poděkovala a šla hledat tatínka, trvalo to několik dní, ale povedlo se. Tatínek zrovna moc nadšený nebyl, ale protože to byl slušně vychovaný člověk a maminka se mu pořád líbila, tak s ní začal chodit. Do půl roku už byla naplánovaná svatba a já si mezitím rostl a vyvíjel se. Když už jsem měl prima veliký nožky a ručky, tak jsem maminku furt dloubal, aby věděla, že tam jsem a nezapomněla na mě. Jo byla to pohoda, celý den jsem se válel pěkně v teplíčku a o jídlo jsem se nemusel starat. Jenže po zhruba devíti měsících mě to přestalo bavit, přeci jen jsem měl větší ambice, než se jen celý život válet. A tak jsem se rozhodl, že se podívám do světa!

Čekal jsem, že to půjde jak nic, ale trošku jsem se přepočítal. Trvalo to několik hodin a ještě k tomu maminka pořád křičela. V takovém prostředí se nedá pracovat. Když jsem se konečně po dlouhém trápení dostal ven, hned jsem musel vykřičet celému světu, že jsem tady. Všichni byli strašně rádi, že křičím a tak jsem křičel ještě víc, dokud jsem samou únavou neusnul.

Bagetka

| 26.10.2006

Po obloženém talíři jsem si vyfotil další večeři, tentokráte o mnoho vydatnější ;o) Trošku jsem se plácl přes kapsu, ale výsledek stál zato.

Pokud by jste si chtěli taky takovouto obří pochoutku udělat, tak zde jsou ingredience, které jsem použil jako vnitřnosti bagety:

Sýrová pomazánka
Moravské uzené
Paprikový bok
Vejce
Rajče
Okurka
Tatarská omáčka

Před požitím doporučuji vyhladovět, není toho zrovna málo. Jo a omluvte prosím to nakousnutí na fotce, už jsem to nevydržel ;o)

Živě webkamerou z Monterey Bay Aquarium

| 24.10.2006

Dnes jsem náhodou narazil na jednu zajímavou webkameru, která vysílá z Monterey Bay Aquarium. Můžete zde vidět bílé žraloky plující v akváriu a vše je ještě podkresleno příjemnou hudbou.

Je to neuvěřitelně uklidňující a dá se na to dívat i delší dobu, což je u webkamer docela výjimka. Jestliže se chcete také podívat, pak klikněte na následující odkaz: Outer Bay (White Shark) Cam

Předchozí příspěvky | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | Další příspěvky

Tipy na přečtení

Kategorie

Vyhledávání

Odkazy

Fotoblog

Nejčtenější příspěvky za poslední týden

Poslední příspěvky

"A jedeme dál ..." Človíčkův Weblog aneb Michal Horák bloguje. (c) Michal Horák (Človíček webdesign) 2006