2011-08-17 40 views
5

Tôi đã xóa Google và Stackoverflow và dường như không thể đưa ra câu trả lời dứt khoát.Tạo hình ảnh từ DIV

Tôi muốn tạo hình ảnh từ một chút nội dung cụ thể. Vì vậy, tôi đã có một div mà tôi đã thêm hình ảnh, văn bản, màu nền vv và tôi muốn tiết kiệm rằng DIV là một hình ảnh. Tôi đã đọc trên GD và cách tạo từng bit riêng lẻ, như tạo canvas đầu tiên, tô màu bằng màu, hiển thị phông chữ, v.v ... Điều tôi đang tự hỏi, không phải là cách dễ dàng hơn? Nó có vẻ giống như một nhiệm vụ thẳng về phía trước nhưng tôi đánh giá cao nó không phải. Có thư viện nào mà bạn có thể đề xuất để hỗ trợ điều này không? Thay vì phải đi qua render mỗi hình ảnh, mỗi bit của văn bản và mỗi màu trên vải ..

Cảm ơn

+0

Âm thanh phức tạp, ước gì có thể được giúp đỡ. +1 – alt

+0

Rất phức tạp. Ảnh chụp màn hình thu nhỏ. Câu hỏi hay. +1 –

+0

Google sử dụng kỹ thuật này để đánh dấu văn bản được tìm kiếm trên bản xem trước tức thời của nó. Có vẻ rất phức tạp để đạt được. Ví dụ tại [http://i52.tinypic.com/16a44ub.png](http://i52.tinypic.com/16a44ub.png) –

Trả lời

3

PHP không biết trang của bạn trông như thế nào.

Đó là nội dung mà trình duyệt/tác nhân người dùng thực hiện (hiển thị HTML).

Check-out: Website screenshots using PHP

+0

Cảm ơn PeeHaa, wkhtmltopdf trông giống như lựa chọn tốt nhất vào lúc này.Sẽ sớm chấp nhận câu trả lời của bạn nếu không có phản hồi nào khác –

+0

Tôi sẽ thử kết hợp các công cụ khác nhau được đề xuất trong chuỗi ở trên. Sẽ cố gắng và nhận được wkhtmltopdf làm việc hiệu quả. Nếu thất bại, imagescreengrab và cắt hình ảnh với GD. Nếu không thành công, tôi sẽ sử dụng file_get_contents để lưu hình ảnh wimg.ca như trong http://wimg.ca/http://stackoverflow.com/questions/757675/website-screenshots-using-php Cảm ơn cho tất cả các chàng trai gợi ý, đánh giá cao nó. –

1

Một div không phải là một hình ảnh. Trong điều kiện thực tế, đó là một túi nhựa bạn đặt cửa hàng tạp hóa vào. Những gì bạn muốn là một đối tượng <canvas>, nội dung trong đó có thể được chụp dưới dạng hình ảnh bằng cách sử dụng các hàm javascript khác nhau.

+0

@ christian.thomas: Nhưng '< canvas > 'chỉ là HTML5 và hỗ trợ trình duyệt tối thiểu, FYI. –

+0

Đây là những suy nghĩ của tôi. Tôi đã sử dụng DIV vì việc thêm các yếu tố, hình ảnh, v.v. vào DIV này là đơn giản. Tôi nghĩ rằng tôi đã ở nhà và khô từ thời điểm này, nên đã làm nghiên cứu nhiều hơn nữa! :( –

+0

@ christian.thomas: Trừ khi trang điểm của những quảng cáo này rất không linh hoạt và được xử lý bởi một vài yếu tố hình thức để tạo hình ảnh, điều này sẽ rất khó đạt được mà không bỏ qua các trình duyệt cũ và sử dụng công nghệ mới hơn (và mua lại tiền tệ?) – Marcel

1

Nếu bạn đang tìm kiếm một trình biên tập ảnh trực tuyến để đặt lên quảng cáo, svg-edit có thể phù hợp với yêu cầu của bạn. Điều này sẽ giúp bạn tận dụng tối đa.

Có một số dịch vụ xung quanh quá thực hiện công việc và bạn thậm chí có thể tận dụng như một công cụ của bên thứ ba. Tôi chắc rằng bạn cũng có thể đánh giá cao sự phức tạp của họ.

Các vấn đề liên quan