간단한 HTML을 비트 맵/이미지로 변환하는 가장 쉬운 방법은 무엇입니까?

Question

내 프로젝트에서 나는 데이터베이스에 많은 간단한 html 텍스트를 가지고있다.

<ul>this is apple</ul> 
<ul>this is orange</ul> 
<p>I want to <u>eat</u> apple</p> 
hello <i>mr</i> orange 

내 프로젝트에는 서버와 클라이언트가 있습니다. 서버는 데이터베이스에서 html 텍스트를 읽을 것이고, 클라이언트는 웹 클라이언트이며, 그것을 표시하기 위해 Image 객체의 형태로 html 텍스트를 가져와야합니다. (나는 DOM에 html 텍스트를 직접 표시하지 않는 이유가 있습니다. ..), 어쨌든 클라이언트는 이미지의 형태로 모든 것을 표시해야합니다.

이제이 문제를 해결하기위한 2 가지 접근 방법이라고 생각합니다.
첫 번째로 'html text'를 이미지 (예 : base64 문자열)로 변환 한 다음 클라이언트에게 보냅니다.
또는
클라이언트는 'html 텍스트'를 가져 와서 브라우저로 자바 스크립트 이미지 객체로 변환합니다.

내 서버 프로그램은 닷넷 프로그램입니다.
내 클라이언트는 html5를 실행할 수있는 브라우저입니다 (예 : 크롬, 파이어 폭스.

어떻게하면됩니까?

Answer 1

js 플러그인을 사용하기 전에이 작업을 수행했습니다. html2canvas
완벽하지는 않지만 제대로 작동하고 어쩌면 마지막으로 사용한 이후 개선되었을 수도 있습니다.

서버 측에서 수행하려는 경우 phantomJs과 같은 헤드리스 브라우저로 페이지를 크롤링하고 캡쳐 화면을 만들 수 있지만 설정이 더 복잡 할 수 있습니다.