Zobrazit příspěvky
1
Vývoj / Re:Src v <img> pomocí PHP proměnné
« kdy: 27. 10. 2015, 10:37:11 »
No, hlavne v parametre tagu nemozes mat dalsi tag... (v img src nemozes uviest <svg>), jedine ze by si pouzil CDATA (ak sa bavime o xhtml). Do SRC ma ist URI, pripadne este data v base64.
Mas tieto moznosti:
1. ako niekto spominal, v src uviest nejaky skript, napr. obrazok.php a tomu predat ako argument nejake id alebo nejaky string, na zaklade ktoreho bude schopny obrazok vygenerovat. Takze id zdroja, alebo rovno data toho obrazku. Implementacne relativne jednoduche a riesi to za teba vela veci (lahko nastavis/zrusi cachovanie, ak nema uzivatel zapnute obrazky, nedojde ani k requestu, nezdrziava load stranky -- generovanie obrazku sa robi v inom requeste). A ako vystup vies pouzit bud nejaky binarny format alebo aj SVG, musis len setnut spravny content-type.
To by vyzeralo cca takto:
HTML:
Kod na strane servra:
2. pouzit zdrojove XMLko + xslt na jeho transformaciu na SVG. Idealne ak mas jednoduchu sablonovitu logiku na vygenerovanie obrazku a vies mu dat zdrojove data v xml. Prikald: http://edutechwiki.unige.ch/en/XSLT_to_generate_SVG_tutorial
3. Vlozit priamo vygenerovany obrazok v base64, napr takto: http://danielmclaren.com/2008/03/embedding-base64-image-data-into-a-webpage. Vhodne len pre male veci, ktore nechces cachovat. Takisto zdrzuje load stranky, na rozdiel od prvych dvoch rieseni. Mozes narazit na problem pri niektorych browseroch.
Mas tieto moznosti:
1. ako niekto spominal, v src uviest nejaky skript, napr. obrazok.php a tomu predat ako argument nejake id alebo nejaky string, na zaklade ktoreho bude schopny obrazok vygenerovat. Takze id zdroja, alebo rovno data toho obrazku. Implementacne relativne jednoduche a riesi to za teba vela veci (lahko nastavis/zrusi cachovanie, ak nema uzivatel zapnute obrazky, nedojde ani k requestu, nezdrziava load stranky -- generovanie obrazku sa robi v inom requeste). A ako vystup vies pouzit bud nejaky binarny format alebo aj SVG, musis len setnut spravny content-type.
To by vyzeralo cca takto:
HTML:
Kód: [Vybrat]
<img src="obrazok.php?id=123" />Kod na strane servra:
Kód: [Vybrat]
<?php
Header("Content-Type: image/svg+xml");
$id=$_GET['id'];
if ($id == 1) {
// nejako vytvorime obsah, pravdepodobne pouzijeme nejaku libku, v tomto priklade to dame natvrdo. data vytiahneme odnekial podla idcka, pripadne tam mozme mat rovno string s datami
$svg = "<svg width='100' height='100'><circle cx='50' cy='50' r='40' stroke='green' stroke-width='4' fill='yellow' /></svg>";
}
else {
$svg = "<svg width='100' height='100'><circle cx='50' cy='50' r='40' stroke='green' stroke-width='4' fill='blue' /></svg>";
}
// vratime SVG.
echo $svg;
?>
2. pouzit zdrojove XMLko + xslt na jeho transformaciu na SVG. Idealne ak mas jednoduchu sablonovitu logiku na vygenerovanie obrazku a vies mu dat zdrojove data v xml. Prikald: http://edutechwiki.unige.ch/en/XSLT_to_generate_SVG_tutorial
3. Vlozit priamo vygenerovany obrazok v base64, napr takto: http://danielmclaren.com/2008/03/embedding-base64-image-data-into-a-webpage. Vhodne len pre male veci, ktore nechces cachovat. Takisto zdrzuje load stranky, na rozdiel od prvych dvoch rieseni. Mozes narazit na problem pri niektorych browseroch.
