Kijoittaminen kuvaan?

En löydä oikein ymmärretäviä ohjeita, joten osaisiko joku antaa koodin seuraavaan:

Oletetaan, että mulla on kuva nimeltä kuva001.jpg, kuvan koko on 400×200 (leveys×korkeus).
Nyt haluaisin kuvaan tekstiä (vaikka "Hauskaa joulua"), joka alkaisi yläreunasta laskettuna kohdasta 50px 50px ja jatkuisi kuvan leveyssuunnassa puoliväliin ja jatkavan "seuraavalta riviltä". Kuvan fontti pitäisi saada määrätyksi (esim. hanshand.TTF 24pt ja väriksi #BC0058).

Onko liian vaikeaa?
6666
Äänestä

Muut lukivat myös

Vastaukset 6

Vanhimmat
  • Vaikuttais muuten ihan hyvältä, mutta jotain häikkää tuli, koska kuvaa ei näy selaimessa. Näkyy ainoastaan kuvan koodi

    ‰PNG  ��� IHDR��D���4����‘\€���PLTE��ÿÿÿÿÿÿ¿¿ÿßßÿ??ÿ__ÿŸŸÿe?HÔ��ŸIDAThí˜KoÜF €%­õ8š¶eïQÛÉy(ŠþÛ7�ö¢NñHëÝB£Éßâñ€x@< ~cˆÞ@ùýn1{ù¼{õµ,L+S~qÍ>»…w/#þRÊë bÞ`ëûÇJzH�Nè)¸fZ1g-¾³Ï±ýÒ ¶“ˆœUĤQ­¯ˆ¢éä�§ôW‡zž–@ìpc6×C.BLZe~ ~ҍåŽ#rÔÃýUÚkÅp‚ƒ\³µj¿Z„øŒT 1³'Q´^iË*$-œs­Ö¤Íæºy­‘š)D“³?ªïþ5Þ�Qò¿ý|“PVœ±Uà2Œ8_ ñµ¤g»¬¿Ôf7âWÕ³^RÎ#®t4D¯b/££Ü¾áˆ½JÁZ7¯ð×׊±2¢¬ÒfÊR¬!q(Ê!5vM‘v3“ƒ"»Î9b§JºÑ!Hål2­Xy÷'±Ÿ@¬u¢« ÌXHJ^‰ðªo$3ÓŠM&³”ÃÉ"ÄÖÖA‹Ý]ÄX—,Î1GT%-º§ÐÖ2òLKü±uc•¹Ø>‹˜99V£ó.b§>Lˆk†¨Jº€2¥``A3-ˬ͖¶ýX=Џ2IÍS±¶Ñ-ìÔ8B1Ha}DK6"3­Ø¸ç›-8"«èÂz,\Z{ˆÞ4З-GÄÀ ß.ÈÕ1-X2ÛSVPû,âÑ`ZK±µel–étßN2„£òaZf£4žŸÛvBڏ#¦3ˆ¦–’²bj²`As-{¾ñÍ& ½üô]… "EV–\#‡­lv´|DÛá?@Ld®å²pÕ¡éù DóØýˆá@#–œ¬µ„JŠiݱ:ž‹rÁÐ⚘Š4¤°s­¹8˜:ëbÑ­Ím�q#ð62ÅTîÔ~È´|D[Ñq3¹èx›Æøºx@”Kö^Ž(òrC[ Óòíº˜/@ä+òÈîrÜ]pwꥆ˜›ZoÔž–h;¬ fì8=¾G¬E/[¸jÈÓò;óžj¤xâHë²~ÿ냇èœYú‘‹u?R'qQaZ>bj:tÞ:DìM2Š{–¿Gϝ#¹æžÒüнP™ ˆ+ºv bgì;ŒÍº#ÜóÈP¬O ÁS÷�1Ñ7¡– Ê^/Ðpë.¼ñ¢» 9Fu,ÔDûZ>¢

    Äänestä

  • Märkäkorva kirjoitti:

    Vaikuttais muuten ihan hyvältä, mutta jotain häikkää tuli, koska kuvaa ei näy selaimessa. Näkyy ainoastaan kuvan koodi

    ‰PNG  ��� IHDR��D���4����‘\€���PLTE��ÿÿÿÿÿÿ¿¿ÿßßÿ??ÿ__ÿŸŸÿe?HÔ��ŸIDAThí˜KoÜF €%­õ8š¶eïQÛÉy(ŠþÛ7�ö¢NñHëÝB£Éßâñ€x@< ~cˆÞ@ùýn1{ù¼{õµ,L+S~qÍ>»…w/#þRÊë bÞ`ëûÇJzH�Nè)¸fZ1g-¾³Ï±ýÒ ¶“ˆœUĤQ­¯ˆ¢éä�§ôW‡zž–@ìpc6×C.BLZe~ ~ҍåŽ#rÔÃýUÚkÅp‚ƒ\³µj¿Z„øŒT 1³'Q´^iË*$-œs­Ö¤Íæºy­‘š)D“³?ªïþ5Þ�Qò¿ý|“PVœ±Uà2Œ8_ ñµ¤g»¬¿Ôf7âWÕ³^RÎ#®t4D¯b/££Ü¾áˆ½JÁZ7¯ð×׊±2¢¬ÒfÊR¬!q(Ê!5vM‘v3“ƒ"»Î9b§JºÑ!Hål2­Xy÷'±Ÿ@¬u¢« ÌXHJ^‰ðªo$3ÓŠM&³”ÃÉ"ÄÖÖA‹Ý]ÄX—,Î1GT%-º§ÐÖ2òLKü±uc•¹Ø>‹˜99V£ó.b§>Lˆk†¨Jº€2¥``A3-ˬ͖¶ýX=Џ2IÍS±¶Ñ-ìÔ8B1Ha}DK6"3­Ø¸ç›-8"«èÂz,\Z{ˆÞ4З-GÄÀ ß.ÈÕ1-X2ÛSVPû,âÑ`ZK±µel–étßN2„£òaZf£4žŸÛvBڏ#¦3ˆ¦–’²bj²`As-{¾ñÍ& ½üô]… "EV–\#‡­lv´|DÛá?@Ld®å²pÕ¡éù DóØýˆá@#–œ¬µ„JŠiݱ:ž‹rÁÐ⚘Š4¤°s­¹8˜:ëbÑ­Ím�q#ð62ÅTîÔ~È´|D[Ñq3¹èx›Æøºx@”Kö^Ž(òrC[ Óòíº˜/@ä+òÈîrÜ]pwꥆ˜›ZoÔž–h;¬ fì8=¾G¬E/[¸jÈÓò;óžj¤xâHë²~ÿ냇èœYú‘‹u?R'qQaZ>bj:tÞ:DìM2Š{–¿Gϝ#¹æžÒüнP™ ˆ+ºv bgì;ŒÍº#ÜóÈP¬O ÁS÷�1Ñ7¡– Ê^/Ðpë.¼ñ¢» 9Fu,ÔDûZ>¢

    Sivusi palauttaa väärän content-typen. Yleensä php-tiedostot on oletuksena text/html:ää, mutta jos php-sivu palauttaakin png-tiedoston, olisi content-typen oltava image/png. Tämän saat korjattua laittamalla php-tiedoston alkuun, ennen minkään muun funktion tms. kutsumista rivin:

    header("Content-type: image/png");

    Tämä tuli nyt siis ulkomuistista, katso php:n manuaalista tarkemmin, mikäli ei toimi..

    Äänestä

  • fidel1 kirjoitti:

    Sivusi palauttaa väärän content-typen. Yleensä php-tiedostot on oletuksena text/html:ää, mutta jos php-sivu palauttaakin png-tiedoston, olisi content-typen oltava image/png. Tämän saat korjattua laittamalla php-tiedoston alkuun, ennen minkään muun funktion tms. kutsumista rivin:

    header("Content-type: image/png");

    Tämä tuli nyt siis ulkomuistista, katso php:n manuaalista tarkemmin, mikäli ei toimi..

    Siellähän se on koodissa, niinkuin esimerkissä sanotaan. Mulla ei tuo esimerkki anna sellaisenaankaan mitään muuta kuin tuollaiset koodit, ei siis näy kuvaa selaimessa.

    Äänestä

  • Märkäkorva kirjoitti:

    Siellähän se on koodissa, niinkuin esimerkissä sanotaan. Mulla ei tuo esimerkki anna sellaisenaankaan mitään muuta kuin tuollaiset koodit, ei siis näy kuvaa selaimessa.

    onko se vai jotenkin muuten?

    Tuolleen se tulisi sivulle, mutta jos menet suoraan koodi.php niin varmaan tulee pelkkää mössöä ruudulle

    Äänestä

  • keksa kirjoitti:

    onko se vai jotenkin muuten?

    Tuolleen se tulisi sivulle, mutta jos menet suoraan koodi.php niin varmaan tulee pelkkää mössöä ruudulle

    Kyllä sen pitäisi toimia ihan samallalailla jos menee suoraan selaimella osoitteeseen.

    Esim:

    HTML:n seassa:
    tai suoraan selaimen osoiteriville: osoite/kuva.jpg

    Molemmat toimii.

    Tuo ei muutu mitenkään, vaikka kuvan pääte olisikin php.

    Eli vika on skriptissä. Tai mahdollisesti jossain asetuksissa.

    Äänestä

Kommentoi aloitusta


Märkäkorva kirjoitti:

En löydä oikein ymmärretäviä ohjeita, joten osaisiko joku antaa koodin seuraavaan:

Oletetaan, että mulla on kuva nimeltä kuva001.jpg, kuvan koko on 400×200 (leveys×korkeus).
Nyt haluaisin kuvaan tekstiä (vaikka "Hauskaa joulua"), joka alkaisi yläreunasta laskettuna kohdasta 50px 50px ja jatkuisi kuvan leveyssuunnassa puoliväliin ja jatkavan "seuraavalta riviltä". Kuvan fontti pitäisi saada määrätyksi (esim. hanshand.TTF 24pt ja väriksi #BC0058).

Onko liian vaikeaa?

Anonyymi
5000

Ilmoita asiaton sisältö

  • Sisältää materiaalia, joka on loukkaavaa, herjaavaa, rasistista, uhkailevaa tai ahdistelevaa.

  • Materiaali sisältää nimiä, yhteystietoja tai muita henkilökohtaisia tietoja. Julkisuuden henkilöistä, julkisissa viroissa toimivista ihmisistä sekä yritysten vastuuhenkilöistä saa keskustella työhön liittyen. Myös yksityiselämään liittyvistä asioista voi keskustella siltä osin, kuin niistä on julkisesti kerrottu.

  • Sisältää lapsille haitallista tai heiltä kiellettyä materiaalia. Seksuaalinen sisältö on sallittua aiheeseen tarkoitetuilla palstoilla, joiden ikäraja on 18 vuotta.

  • Lainvastaista sisältöä voi olla mm. yksityiselämää loukkaavan tiedon levitys, kiihottaminen kansanryhmää vastaan, laiton uhkaaminen, alaikäisiin liittyvä seksuaalinen sisältö/grooming, petokset, identiteettivarkaudet, kunnianloukkaukset ja tekijänoikeusrikkomukset.

  • Sisältö ei liity palstan tai keskusteluketjun aiheeseen.

  • Viesti ei ole suomea tai ruotsia (pl. International Forums), se sisältää mainontaa, se sisältää tekijänoikeuksin suojattua materiaalia, se on massapostitus tai jokin muu syy.

Jaa keskustelu