SVG 데이터를 캔버스 친화적 인 입력으로 변환하는 도구가 있습니까? [닫은

StackOverflow https://stackoverflow.com/questions/204431

  •  03-07-2019
  •  | 
  •  

문제

SVG (XML) 데이터를 캔버스 친화적 인 입력으로 변환하는 도구가 있습니까?

도움이 되었습니까?

해결책

아니요 그렇게 생각하지 않습니다. SVG는 실제로 캔버스와 다소 다릅니다. SVG는 벡터 그래픽 설명 언어 인 반면 캔버스는 프로그래밍 방식으로 일련의 지침에 의해 "그려진"것입니다. 또한 캔버스는 실제로 벡터를 기반으로하지 않습니다.

살펴보십시오 Raphael JavaScript 라이브러리. API는 브라우저의 기능에 따라 SVG/Canvas/VML을 그립니다.

다른 팁

CANVG를 살펴보십시오. SVG를 구문 분석하고 지정된 캔버스 요소로 렌더링하는 JavaScript 라이브러리입니다.

http://code.google.com/p/canvg/

Ajaxian 기사도 있습니다 (그러나 게시물 당 하나의 링크 만 게시 할 수 있습니다)는 "Canvg : SVG 파일을 렌더링하기 위해 Canvas를 사용하여"라는 제목입니다.

Dojo는 또한 SVG 렌더링을 지원합니다.

Dojox 패키지를 참조하십시오.링크 텍스트

보세요 이 기사 SVG 오픈 컨퍼런스에서. 중간 어딘가에 서버 측 렌더링을 사용하여 SVG와 캔버스를 결합하는 방법에 대해 설명합니다.

이 온라인 도구를 만들기위한 기초로 CANVG를 사용했습니다.

www.professorcloud.com/svg-to-canvas

SVG 입력에서 JavaScript 캔버스 기능을 만듭니다. 전체 SVG 사양을 수행하지는 않지만 유용하기에 충분합니다.

XSLT를 살펴보십시오.

fabric.js SVG-to-Canvas 파서가 있습니다. 여기에 있습니다 데모. 사이드 바의 SVG 섹션에서 버튼을 클릭하면 SVG 문서를 가져 와서 실시간으로 캔버스에 구문 분석하는 방법에 주목하십시오.

캔버스 렌더링 된 물체 (스케일, 이동, 회전 등)를 조작 할 수도 있습니다.

라이센스 : CC-BY-SA ~와 함께 속성
제휴하지 않습니다 StackOverflow
scroll top