캔버스에 배경 이미지가있는 DOM 요소

Question

웹 사이트 미리보기 이미지를 사용하는 라이브러리를 만들어야합니다.

나는 자바 스크립트 직렬화 XML 데이터로 HTML과 스타일을 변환 : 나는 캔버스에이 데이터를 인쇄 한 후

var data = '<svg xmlns="http://www.w3.org/2000/svg" width="' + width + '" height="' + height + '">' + 
'<foreignObject width="100%" height="100%">' 
+ serialized + 
'</foreignObject>' + 
'</svg>'; 

: 그 후

serialized = new XMLSerializer().serializeToString(html); 

내가 직렬화 된 문자열에서 문자열 데이터를 생성 요소, divs의 배경 이미지를 제외한 모든 것이 잘 작동하는 것을 보았습니다.

background-image 속성이 포함 된 DOM 요소를 캔버스에서 사용할 수 있도록 변환하려면 어떻게해야합니까?

내가 해결책을 발견, 알렉스

Answer 1

을 주셔서 감사합니다. base64로 URL을 변환하고 잘 작동합니다.