카테고리

분류 전체보기 (509)
문학 (128)
찬양 콘티(Continuity) (80)
Business as heritage (6)
IT . Web (148)
Photo (127)
etc. (20)
Total415,107
Today6
Yesterday5






블로그 이미지

DHTML: Draw Line, Ellipse, Oval, Circle, Polyline, Polygon, Triangle with JavaScript

http://www.walterzorn.com/jsgraphics/jsgraphics_e.htm

이 곳에서 무료 라이브러리를 다운받아서 쓸 수 있고,
소유자께서 다운받아서 사용하기만 하고 다른 곳에 업로드해서 게제하지는 말아달라고 당부합니다. 그리고 다운로드 링크 아래에 기부할 수 있는 링크가 있습니다.

<script type="text/javascript" src="wz_jsgraphics.js"></script>

이런 식으로 간편하게 애드온할 수 있으며 선의 색상, 굵기 등을 조정할 수 있고
선, 원, 직사각형, 다각형 등을 그릴 수 있습니다.

기본적으로 div 엘리먼트를 캔버스로 삼아서 그리는데, position:relative와 absolute를 잘 섞어쓰면 페이지의 원하는 어디에라도 그리기를 할 수 있습니다.

보통 웹애플리케이션에 도형이 필요할 때 포토샵이나 일러스트레이터로 백그라운드가 트랜스패어런트인 이미지를 만들고 원하는 위치에 background="bg.gif" 속성을 적용하는 방법을 쓰고는 하는데, 이 라이브러리를 쓰면 보다 심플하게
원하는 일을 해낼 수 있는 것 같습니다.

무엇보다 개발자가 애플리케이션에 넣고 싶은 도형 때문에 무리하게 포토샵 같은 전문도구를 설치, 학습할 필요가 없다는 점이 장점아닐까요?

Posted by One of Remnants

댓글을 달아 주세요

달력

« » 2021.12
      1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31  

최근에 받은 트랙백

글 보관함