웹마스터 팁

  2. Support
  3. 웹마스터 팁

웹에서그림그리기

2003.06.27 22:10

카이저

예제 : http://www.kaiser.pe.kr/java/script/script104/script1041.htm
퍼온곳 : 자월(자바월드)주소 : http://www.kaiser.pe.kr/
소스 :
<html xmlns:v='urn:schemas-microsoft-com:vml'>
<head>
<style>
v:* {behavior:url(#default#VML);}
</style>
</head>
<body id=board topmargin=0 leftmargin=0>
<v:line id=lines style='position:absolute;' from='0px,0px'  to='0px,0px' strokeweight='1px' strokecolor='black'/>
</body>
<script>
var flag=false
function drawLine(){
        flag=true;
        board.innerHTML+="n<v:line id=lines style='position:absolute;' from='"+leftP+"px,"+topP+"px'  to='"+leftP+"px,"+topP+"px' strokeweight='1px' strokecolor='black'/>"
        }
function initPosition(){
        leftP=event.clientX
        topP=event.clientY
        if(flag){document.all.lines[document.all.lines.length-1].to=leftP+"px,"+topP+"px"}
        }
function drawEnd(){
        flag=false
        }
document.onmousedown=drawLine;
document.onmousemove=initPosition;
document.onmouseup=drawEnd;
</script>
</html>
이 게시물을
수정 삭제
좋아요
목록
제목 글쓴이 날짜
나만의 미니홈 만들기 ㅡ 메인 기초 설계 .home.php [12] file 예뜨락 2004.11.17
나만의 미니홈 만들기 ㅡ 메인 기초 설계2 .레이아웃 예뜨락 2004.11.18
나만의 미니홈 만들기 ㅡ 메인 기초 설계3 .레이아웃 [2] file 예뜨락 2004.11.19
나만의 미니홈 만들기 ㅡ 기초적인 관리 페이지 [3] file 예뜨락 2004.11.20
나만의 미니홈 만들기 ㅡ 미니홈 생성 페이지 [3] file 예뜨락 2004.11.20
나만의 미니홈 만들기 ㅡ 게시판의 디자인 file 예뜨락 2004.11.22
나만의 미니홈 만들기 ㅡ 게시판 list.php 파일의 모양새 [6] 예뜨락 2004.11.23
나만의 미니홈 만들기 ㅡ list.php , 디비 테이블 생성 [6] file 예뜨락 2004.11.26
나만의 미니홈 만들기 ㅡ view.php 파일과 제목링크 [9] file 예뜨락 2004.11.27
나만의 미니홈 만들기 ㅡ write.php 파일과 write_ok [5] 예뜨락 2004.11.30
실명 진위여부 확인 [10] piasol 2004.12.01
개판 오분전 라인 그래프 [4] 미친개 2004.12.01
'참조'에 관한 간단한 예제 플로렐라 2004.12.09
4. 쿼리문 [6] 티다 2004.12.11
나만의 미니홈 만들기 ㅡ메뉴에 게시판 연결 [5] file 예뜨락 2004.12.17
IE 에서도 투명 알파값이 적용된 PNG 이미지를 맘껏 활용하자! [8] file THE PAPER™ 2004.12.27
"를 그냥 사용하기 [3] 추천대화상대 2005.01.02
나만의 미니홈 만들기 ㅡ delete.php 파일 [2] 예뜨락 2005.01.03
퍼미션을 보기좋게 구하자! [4] 플로렐라 2005.01.03
PHP 왕초보 입문기(총괄) [4] file 하나둘 2005.01.15
태그 쓰기