Tworzenie obrazu z DIV

Przeszukałem Google i Stackoverflow i nie mogę wymyślić ostatecznej odpowiedzi.Tworzenie obrazu z DIV

Chcę utworzyć obraz z określonego fragmentu treści. Mam więc element div, do którego dodałem obrazy, tekst, kolory tła itp. I chcę zapisać DIV jako obraz. Czytałem o GD i jak tworzyć poszczególne bity, takie jak najpierw tworzenie płótna, wypełnianie go kolorem, renderowanie czcionek itp. Co mnie zastanawia, czy nie jest łatwiejszy sposób? Wydaje się to prostym zadaniem, ale doceniam, że tak nie jest. Czy są jakieś biblioteki, które możesz polecić, które pomogą w tym? Zamiast przejść renderingu każdy obraz, każdy kawałek tekstu, a każdy kolor na płótnie ..

Dzięki

Źródło

2011-08-17 christian.thomas

Brzmi skomplikowane, chciałbym być pomocne. +1 – alt

Bardzo skomplikowane. Miniaturowa migawka ekranu. Dobre pytanie. +1 –

Google stosuje tę technikę, aby podświetlić wyszukiwany tekst w jego natychmiastowym podglądzie. Wydaje się być bardzo skomplikowanym do osiągnięcia. Próbka na stronie [http://i52.tinypic.com/16a44ub.png] (http://i52.tinypic.com/16a44ub.png) –

PHP nie ma pojęcia, jak wygląda twoja strona.

To wszystko robi przeglądarka/użytkownik-agent (renderowanie HTML).

Check out: Website screenshots using PHP

Źródło

2011-08-17 22:26:10 PeeHaa

Dzięki PeeHaa, wkhtmltopdf wygląda obecnie jak najlepsza opcja.Przyjmę wkrótce Twoją odpowiedź, jeśli nie ma innej opinii –

Mam zamiar wypróbować kombinację różnych narzędzi sugerowanych w powyższym wątku. Postaram się, aby wkhtmltopdf działał skutecznie. Jeśli to się nie powiedzie, wyświetl obrazki i przycinaj obraz za pomocą GD. Jeśli to się nie powiedzie, użyję file_get_contents, aby zapisać obraz wimg.ca, jak na stronie http://wimg.ca/http://stackoverflow.com/questions/757675/website-screenshots-using-php Dzięki dla wszystkich sugestii, chłopaki, doceń to. –

div nie jest obraz. W rzeczywistości, to plastikowa torba, w którą wkładasz artykuły spożywcze. Potrzebny jest obiekt, którego zawartość można przechwycić jako obraz przy użyciu różnych funkcji javascript.

Źródło

2011-08-17 22:17:39

@ christian.thomas: Ale '< canvas >' to tylko HTML5 i minimalna obsługa przeglądarki, FYI. –

To były moje myśli. Użyłem DIV, ponieważ było proste dodawanie elementów, obrazów itp. Do tego DIV. Myślałem, że jestem w domu i suche od tego momentu, powinienem zrobić więcej badań! :( –

@ christian.thomas: O ile tworzenie tych reklam nie jest sztywne i jest obsługiwane za pomocą kilku elementów formularzy do wprowadzania danych w celu utworzenia obrazu, będzie to bardzo trudne do osiągnięcia bez lekceważenia starych przeglądarek i korzystania z nich nowsza technologia (i kupowanie waluty?) – Marcel

Jeśli szukasz edytor zdjęć online, aby położyć się reklam, svg-edit może spełnić swoje wymagania. To powinno ci najbardziej pomóc.

Jest także kilka usług, które wykonują zadanie, a nawet można je wykorzystać jako narzędzia innej firmy. Jestem pewien, że potrafisz docenić ich złożoność.

Źródło

2011-08-17 22:46:34 Marcel

Odpowiedz

Powiązane problemy