SVG 파일을로드하려고하는데 KineticJS (KJS)를 사용하여 캔버스에 표시하려고하므로 임의의 모양과 경로가있는 SVG 파일을 캔버스에 표시 할 수 있는지 여부를 알고 싶습니다. KJS를 사용 하시겠습니까?SVG를 KineticJS에로드 중
다른 소프트웨어를 통해 내 보낸 SVG도 많이 다릅니다. 예를 들어 어도비 일러스트 레이터를 통해 내 보낸 SVG의 경우 채우기, 획, 획 폭 등이 있습니다. SVG가 Inkscape를 통해 내 보낸 동안 각 태그의 속성으로 이 모든 것 채우기, 획, 획 폭 등. 각각의 태그에 대한 "스타일"속성의 문자열 값으로 사용됩니다.
그래서 저는 AI에서 내 보낸 SVG의 형식에 맞는 SVG 파서를 작성한 다음 KJS를 통해 캔버스에 SVG를 다시 그리기 위해 사용합니다.
- 어떤 도구 밖에 사용할 수 있는가, 경로 태그로 태그를 모든 원시 (등 라인, RECT, 원) 변환 할 수있는 :하지만 그 일을하기 전에, 난 그냥 확인하고 싶어서? 나는. rect & 타원 태그 대신 해당 태그가 해당 경로 태그로 변환됩니다.
- KJS 이외의 캔버스에 SVG를로드 할 수있는 다른 방법이 있습니까?
나는 fabric.js가 프로젝트 http://fabricjs.com/에 더 적합하다고 생각한다. SVG와 캔버스 파서가 포함되어있다. – Duopixel