브라우저에서 SVG를 이미지(JPEG, PNG 등)로 변환하세요.

Question

JavaScript를 통해 SVG를 비트맵 이미지(예: JPEG, PNG 등)로 변환하고 싶습니다.

Answer 1

jbeard4 솔루션이 잘 작동합니다.

저는 Raphael SketchPad를 사용하여 SVG를 만들고 있습니다. 1단계의 파일에 연결합니다.

"저장" 버튼의 경우(svg의 ID는 "editor"이고 캔버스의 ID는 "canvas"입니다):

으아악

Answer 2

JavaScript를 통해 수행하는 방법은 다음과 같습니다.

1. canvg JavaScript 라이브러리를 사용하여 Canvas를 통해 SVG 이미지 렌더링: https://github.com/gabelerner/canvg
2. 다음 지침을 사용하여 Canvas에서 JPG(또는 PNG)로 인코딩된 데이터 URI를 캡처합니다. HTML Canvas를 gif/jpg/png/pdf로 캡처하시겠습니까?