GoldenLine
Zaloguj się

konto usunięte

Temat: Zamiana kodu html na jpg/png

Szukam czegoś podobnego do browser shots tyle, że możemy wkleić dowolny kod/fragment kodu (kod będzie się zmieniał) np. taki ze zdefiniowanym html z css a wynikiem będzie statyczny obrazek który możemy pobrać z sieci i umieścić na stronie (najlepiej w trybie online)

dla łatwiejszego zrozumienia...jako przykład rozwiązani jakie daje Google

nam możliwość generowania wykresów i wstawiając taki kod

http://chart.apis.google.com/chart?....

z odpowiednimi parametrami 
<img style="text-align: center; display: block; width: 474px;" ilo-full-src="http://chart.apis.google.com/chart?chs=474x200&chf=bg,s,ffffff&cht=p&chd=t:51.83,3.54,32.87,11.72&chl=51.84%|3.55%|32.88%|11.73%|&chdl=Obligacje%20i%20bony%20|Akcje%20|Depozyt%20|Inne%20&chco=004fb6,ffd900,72c7e7,59b337" src="http://chart.apis.google.com/chart?chs=474x200&chf=bg,s,ffffff&cht=p&chd=t:51.83,3.54,32.87,11.72&chl=51.84%|3.55%|32.88%|11.73%|&chdl=Obligacje%20i%20bony%20|Akcje%20|Depozyt%20|Inne%20&chco=004fb6,ffd900,72c7e7,59b337" alt="Struktura aktywów Aviva OFE" title="">


otrzymujemy wykres kołowy

Obrazek
Krzysztof Tomasz Jasiak edytował(a) ten post dnia 29.10.10 o godzinie 16:52
Link do wypowiedziLink
Piotr Ż.

Piotr Ż. Director of UX EMEA

Temat: Zamiana kodu html na jpg/png

ALe co konkretnie ma byc? wykresy?

Od groma jest tego

http://www.webresourcesdepot.com/category/goodies/charts/

od php przez rozne inne na flexie konczac do wyboru do koloru zaleznie od potrzeb i budzetu
Link do wypowiedziLink

konto usunięte

Temat: Zamiana kodu html na jpg/png

Piotr Żebrowski:
ALe co konkretnie ma byc? wykresy?

jakikolwiek kod html
Link do wypowiedziLink

konto usunięte

Temat: Zamiana kodu html na jpg/png

Krzysztof Tomasz Jasiak:
Piotr Żebrowski:
ALe co konkretnie ma byc? wykresy?

jakikolwiek kod html

google charts ?

edit: http://code.google.com/intl/pl/apis/chart/

edit2: przykładowy kod:

http://chart.apis.google.com/chart?cht=p3&chd=t:60,40&...Piotr Lewandowski edytował(a) ten post dnia 29.10.10 o godzinie 18:10
Link do wypowiedziLink

konto usunięte

Temat: Zamiana kodu html na jpg/png

Piotr Lewandowski:
google charts ?
to znam

Piotrze nie chodzi o wykresy to sam przecież dałem jako przykład

załóżmy że jest to np. stylowana tabelka
albo kawał tekstu z obrazkami

wrzucam taki kod a maszynka wypluwa mi z tego obrazek

tekst się zmienia, a maszynka zmienia obrazek z automatu, w podobny sposób działają testery stron www (browser shots i podobne)Krzysztof Tomasz Jasiak edytował(a) ten post dnia 29.10.10 o godzinie 18:17
Link do wypowiedziLink
Mirosław Ratman

Mirosław Ratman Manager IT,
Architekt systemów
@Avast, Founder
@aSyncro ...

Temat: Zamiana kodu html na jpg/png

Krzysztof Tomasz Jasiak:
Piotr Lewandowski:
google charts ?
to znam

Piotrze nie chodzi o wykresy to sam przecież dałem jako przykład

załóżmy że jest to np. stylowana tabelka
albo kawał tekstu z obrazkami

wrzucam taki kod a maszynka wypluwa mi z tego obrazek

tekst się zmienia, a maszynka zmienia obrazek z automatu, w podobny sposób działają testery stron www (browser shots i podobne)Krzysztof Tomasz Jasiak edytował(a) ten post dnia 29.10.10 o godzinie 18:17


http://php.net/manual/en/function.imagejpeg.php
http://www.php.net/manual/en/function.imagefttext.php
http://www.php.net/manual/en/function.imagesetstyle.php

albo najlepiej jakas kontrolka do której wysyłasz gotowy html i ona z tego robi pdfa albo jpga - ale one najczesciej działają na windzie
Link do wypowiedziLink
Maciej W.

Maciej W. Ruby on what?!

Temat: Zamiana kodu html na jpg/png

http://ipinfo.info/html/rendering_services.php
Sprawdz te serwisy, nie wiem czy ktorys z nich obecnie spelnia twoje wymagania ale byc moze z kims dasz rade sie dogadac.
Generalnie IMHO porownywanie tego co chcesz zrobic (a zakladam ze chcesz miec podglad jak dany fragment kodu wyrenderuje sie w przegladarkach) do serwisu ktory rysuje charty, to tak jakby chac miec bolid F1 pokazac na malucha i powiedziec "chcialbym takie jak to ze wsiada sie i jedzie, tylko szybsze"Maciek Wojdyr edytował(a) ten post dnia 29.10.10 o godzinie 23:56
Link do wypowiedziLink

konto usunięte

Temat: Zamiana kodu html na jpg/png

Maciek Wojdyr:
http://ipinfo.info/html/rendering_services.php
dzięki za linka, przejrzę w pracy :)
Sprawdz te serwisy, nie wiem czy ktorys z nich obecnie spelnia twoje wymagania ale byc moze z kims dasz rade sie dogadac.
Generalnie IMHO porownywanie tego co chcesz zrobic (a zakladam ze chcesz miec podglad jak dany fragment kodu wyrenderuje sie w przegladarkach) do serwisu ktory rysuje charty, to tak jakby chac miec bolid F1 pokazac na malucha i powiedziec "chcialbym takie jak to ze wsiada sie i jedzie, tylko szybsze"
Macku skoro Google udostępnia generowanie wykresów
Yahoo udostępnia podobną metodę na generowania tekstu na obrazki
skoro jest takie coś jak Browser Shots i inne
to sądzę że na moje pytanie jest odpowiedź... kwestia tylko wiedzy gdzie już ktoś to znalazł i czy akurat tutaj zajrzy i będzie chciał się podzielić tą wiedzą

problemem jest tylko to aby był to bezpłatny wystawiony dla użytkownika serwis :)

bo w inny sposób działające serwisy to 3 minuty szukania w Google
np. http://www.coolutils.com/online-html-converter.phpKrzysztof Tomasz Jasiak edytował(a) ten post dnia 30.10.10 o godzinie 18:10
Link do wypowiedziLink
Maciej W.

Maciej W. Ruby on what?!

Temat: Zamiana kodu html na jpg/png

Krzysztof Tomasz Jasiak:
bo w inny sposób działające serwisy to 3 minuty szukania w Google
np. http://www.coolutils.com/online-html-converter.php

No jesli interesuje cie taka jakosc jaka zapewnia ten serwis ktory teraz podales to rzeczywiscie nie bedzie problemu. Myslalem ze chcesz miec preview jak to bedzie faktycznie wygladac w zadanej przeglarce.Maciek Wojdyr edytował(a) ten post dnia 31.10.10 o godzinie 00:54
Link do wypowiedziLink

konto usunięte

Temat: Zamiana kodu html na jpg/png

A browsershots przypadkiem nie robi screenshotów? Bo chyba nie mają parserów HTML->jpg dla kazdej przegladarki.
Link do wypowiedziLink
Maciej W.

Maciej W. Ruby on what?!

Temat: Zamiana kodu html na jpg/png

Mateusz Jaworski:
A browsershots przypadkiem nie robi screenshotów? Bo chyba nie mają parserów HTML->jpg dla kazdej przegladarki.

Calkiem nie przypadkiem robi wlasnie screenshoty. Z grubsza: odpala przegladarke na komputerze wolontariusza, robi screenshoty, uploaduje.
http://browsershots.org/faq

Jesli znasz jakis inny sposob zeby miec podglad jak dany HTML/strona bedzie dokladnie wygladac w jakiejs przegladarce to nie daj sie prosic i podziel sie wiedza :)Maciek Wojdyr edytował(a) ten post dnia 31.10.10 o godzinie 01:49
Link do wypowiedziLink

konto usunięte

Temat: Zamiana kodu html na jpg/png

Chodzi mi o to, że autor wątku szuka czegoś jak browser shots co przerabia html na obrazek, a browsershots przeciez robi screencapy
Link do wypowiedziLink

konto usunięte

Temat: Zamiana kodu html na jpg/png

Krzysztof Tomasz Jasiak:
... skoro Google udostępnia generowanie wykresów
Yahoo udostępnia podobną metodę na generowania tekstu na obrazki
skoro jest takie coś jak Browser Shots i inne
to sądzę że na moje pytanie jest odpowiedź... kwestia tylko wiedzy gdzie już ktoś to znalazł i czy akurat tutaj zajrzy i będzie chciał się podzielić tą wiedzą

Generowanie wykresów jest "stosunkowo proste", tekstów też. Ty zaś chcesz dowolny HTML (html/xhtml+css+javascript). Musiałbyś zatem zbudować oprogramowanie, które dokona interpretacji html+css i do tego obsłuży JS - czyli musiałbyś zbudować "silnik przeglądarki". Jak zapewne wiesz każda nieco inaczej interpretuje ten sam kod (a niektóre jak np. IE nawet bardzo indywidualnie dokonuje interpretacji).

Nie bez kozery przedmówcy dopytywali co chcesz zapisać do jpg. Bo zapis "dowolnego kodu html" wcale nie jest taki prosty ani oczywisty choćby ze względu na html+css+js.

Tworzenie PDF z HTML w wielu projektach też odbywa się poprzez osobne definiowanie tego PDF a nie poprzez "screenshot" bo niby gdzie on by miałbyś robiony?

Uważam zatem, że nic takiego nie znajdziesz no chyba, że ... "screenshot" ale ten powinien być wykonany na komputerze na którym jest zainstalowana przeglądarka ;)
Link do wypowiedziLink

konto usunięte

Temat: Zamiana kodu html na jpg/png

Krzysztof Tomasz Jasiak:
Szukam czegoś podobnego do browser shots tyle, że możemy wkleić dowolny kod/fragment kodu (kod będzie się zmieniał) np. taki ze zdefiniowanym html z css a wynikiem będzie statyczny obrazek który możemy pobrać z sieci i umieścić na stronie (najlepiej w trybie online)

Polecam:
http://code.google.com/p/wkhtmltopdf/

Uzywa webkita, wychodzi ladnie, mozna konwertowac do obrazkow lub PDFow, uzywam pod Windowsem od roku i poza bledami (szybko usuwaja) jest bardzo milusi :)
Link do wypowiedziLink

konto usunięte

Temat: Zamiana kodu html na jpg/png

Sebastian Pienio:
Uzywa webkita, wychodzi ladnie, mozna konwertowac do obrazkow lub PDFow, uzywam pod Windowsem od roku i poza bledami (szybko usuwaja) jest bardzo milusi :)
przyjrzę się bliżej :)
dziękuję Sebastianie!
Link do wypowiedziLink
Paweł R.

Paweł R. właściciel,
klawiszomania.pl

Temat: Zamiana kodu html na jpg/png

http://qbnz.com/highlighter/
Link do wypowiedziLink
Marcin Południkiewicz

Marcin Południkiewicz Gotowy na wszystko.

Temat: Zamiana kodu html na jpg/png

http://dypso.free.fr/tech/webpage_snapshot-en.php
http://www.webmaster-forums.net/web-programming-and-ap...

http://mashable.com/2007/08/24/web-screenshots/
http://www.adobe.com/products/pdfprintengine/
http://www.cutepdf.com/products/cutepdf/Writer.asp
http://www.what-means.com/convert/html2jpg
http://www.html2jpg.com/pers_description.htm

hmmm

http://tomclegg.net/php-imageMarcin Południkiewicz edytował(a) ten post dnia 17.11.10 o godzinie 05:11
Link do wypowiedziLink

konto usunięte

Temat: Zamiana kodu html na jpg/png

Marcin Południkiewicz:
http://www.cutepdf.com/products/cutepdf/Writer.asp

Troche offtopic, wykorzystywales Cute'a jako biblioteke z kodu?

Szukalem, ale nie znalazlem na to sposobu, a bardzo bardzo by mi sie to przydalo!
Link do wypowiedziLink
Piotr Maliński

Piotr Maliński Programista
Python/Django

Temat: Zamiana kodu html na jpg/png

Można na serwerze odpalić jakiś skrypt np. Pythonowy wykorzystujący PyQt4 i silnik WebKit w niej zawarty. Silnik przeglądarki renderuje podany kod HTML/reszta i następnie zapisywane to jest do postaci grafiki lub PDF jako screenshot zrenderowanego rezultatu. Może to bez problemu działać na serwerach linuksowych/BSD.
Link do wypowiedziLink
Szymon Piłkowski

Szymon Piłkowski Senior JavaScript
Developer

Temat: Zamiana kodu html na jpg/png

tracemonkey + canvas.drawWindow() + canvas.mozGetAsFile() + interfejs w dowolnym jezyku ;)
Link do wypowiedziLink
« Wróć do tematów
Odpowiedz

Podobne tematy





Wyślij zaproszenie do
Anuluj