Test for SVG

• svg를 canvas에 바로 drawImage 할 수 없다.
  img 로 부른 다음에 canvas에 drawImage 해야한다. (이거 테스트 한다고 만든 문서다.)
• svg에서 선이 1px 미만일 이거나 그려질 때 1px 미만이 되는 경우 canvas와 img 와 svg 의 그려지는 이미지 모양이 다를 수 있다.
  svg와 img는 거의 같은데 canvas가 선이 옅은 색으로 그려진다.
• svg 속에서 <use xlink:href="circle.svg#svg8"></use> 처럼 외부 파일 불러 사용할 경우 그라데이션이 동작 안한다. 왜그런지는 모르겠다.
  현재 확인된 바로는 크롬의 버그일 가능성이 높은 듯.FF에서는 그라데이션 까지 잘 보인다.

img tag

---

img dataurl

---

object

---

svg in html

---

svg use in html

---

svg use external file

---

svg for script(ajax)

---

canvas drawImage from img tag
1.
2.
3.