Úprava .png obrázku pomocí CSS

Napsal Martin Poláček;1399550

Ano je to png. Na stránce není k dispozi vybrat si jaké chci pozadí nebo tak. Prostě jen zvolím velikost grafu a nějaký script vygeneruje html kód. Bohůžel to chci mít na tmavém pozadí a tohle se úplně nehodí. Žádný API stránky jsem přímo nenašel, asi nechtějí, aby si to někdo generoval mimo jejich script...

Napsal infovia;1399551

Odpovedal si si sam.

Napsal Martin Poláček;1399552

Tak mně nejde tak o graf jako o jeho barvy...

Napsal infovia;1399554

Neda sa, da ale iba nejakym softikom, gimp, photoshop, atd... Inak nie.

Napsal zezmen;1399588

Všechno jde když se zapne mozek.

Přikládám ukázku komplet HTML s vloženým CSS stylem.

Předem děkuji za kladné hodnocení příspěvku ;-)

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <title>Ukázka barvení obrázku</title> <style type="text/css"> img { width:20%; float:left; margin:0; } .saturate {-webkit-filter: saturate(3); filter: saturate(3);} .grayscale {-webkit-filter: grayscale(100%); filter: grayscale(100%);} .contrast {-webkit-filter: contrast(160%); filter: contrast(160%);} .brightness {-webkit-filter: brightness(0.25); filter: brightness(0.25);} .blur {-webkit-filter: blur(3px); filter: blur(3px);} .invert {-webkit-filter: invert(100%); filter: invert(100%);} .sepia {-webkit-filter: sepia(100%); filter: sepia(100%);} .huerotate {-webkit-filter: hue-rotate(180deg); filter: hue-rotate(180deg);} .rss.opacity {-webkit-filter: opacity(50%); filter: opacity(50%);} </style> </head> <body> <img alt="obrazek" src="http://data.fin.cz/komodity/grafy/zemni_plyn-graf-cena-online5-w380.png" title="original"> <img alt="obrazek" src="http://data.fin.cz/komodity/grafy/zemni_plyn-graf-cena-online5-w380.png" title="saturate" class="saturate"> <img alt="obrazek" src="http://data.fin.cz/komodity/grafy/zemni_plyn-graf-cena-online5-w380.png" title="grayscale" class="grayscale"> <img alt="obrazek" src="http://data.fin.cz/komodity/grafy/zemni_plyn-graf-cena-online5-w380.png" title="contrast" class="contrast"> <img alt="obrazek" src="http://data.fin.cz/komodity/grafy/zemni_plyn-graf-cena-online5-w380.png" title="brightness" class="brightness"> <img alt="obrazek" src="http://data.fin.cz/komodity/grafy/zemni_plyn-graf-cena-online5-w380.png" title="blur" class="blur"> <img alt="obrazek" src="http://data.fin.cz/komodity/grafy/zemni_plyn-graf-cena-online5-w380.png" title="invert" class="invert"> <img alt="obrazek" src="http://data.fin.cz/komodity/grafy/zemni_plyn-graf-cena-online5-w380.png" title="sepia" class="sepia"> <img alt="obrazek" src="http://data.fin.cz/komodity/grafy/zemni_plyn-graf-cena-online5-w380.png" title="huerotate" class="huerotate"> <img alt="obrazek" src="http://data.fin.cz/komodity/grafy/zemni_plyn-graf-cena-online5-w380.png" title="opacity" class="rss opacity"> </body> </html>