웹마스터 팁
웹에서그림그리기
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>
퍼온곳 : 자월(자바월드)주소 : 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>
댓글 5
-
★ⓢukⓗoon★
2003.08.07 20:45
캬 -
PHASE
2003.10.18 06:25
와~ 이거 잘 응용하면 오예카키같은것도 가능하겠네요... -
마지막성지
2003.10.21 21:21
캬
오에카키 오에카키??? -
최지연
2003.12.21 14:56
근데 색하구 다른 도구기능은...어케하지요?ㅠㅠ 초보라서... -
이상은
2004.04.20 17:36
저장기능까지 되면 좋겠당~ 흐흐,,,
| 제목 | 글쓴이 | 날짜 |
|---|---|---|
| 리눅스 보안 : 기초적인 방화벽 : portsentry 설치하기 [2] | 정인배 | 2002.11.29 |
| cron을 이용한 자동 백업 받기 | 최종우 | 2002.12.02 |
| cron과 rsync 그리고 replication 을 이용한 데이터 백업 [3] | 최종우 | 2002.12.03 |
| FTP 를 이용한 원격 백업 받기 [5] | 최종우 | 2002.12.04 |
[계정삭제 스크립터] 편리님이 만드신 계정추가랑 연동됩니다.
[4]
 | 김동현 | 2002.12.04 |
| [FreeBSD] 자동으로 시간 맞추기.. [1] | DeX™ | 2002.12.04 |
| 계정 등록 스크립트 [8] | 편리 | 2002.12.05 |
| 오래간만에 찾아뵙는군요^^ [2] | Dopesoul | 2002.12.08 |
| Zend Optimizer Full Pass Setup [3] | DukeEYS | 2002.12.08 |
| mod_gzip 적용시 php 인클루드를 실패해서 포기하신분 보세요 [2] | DukeEYS | 2002.12.08 |
| apache2 + mod_jk 100번의 닭질 끝에 찾아가는 사이트 | DukeEYS | 2002.12.09 |
|
[FreeBSD] Proftp + MySQL 연동 설치하기
[2]
| DeX™ | 2002.12.09 |
| 레드햇(redhat)리눅스에서 rpm 관리 명령어 | 정인배 | 2002.12.09 |
| srpms, alpha, i386 , i686 이 의미하는 것은? [1] | Dopesoul | 2002.12.12 |
| 누군가 우리서버를 공격하고 있을때 응급처치! [13] | Dopesoul | 2002.12.13 |
| [re] 저의 최종의견 입니다. [5] | Dopesoul | 2002.12.17 |
| SetEnvIf 와 SetEnvIfNocase 의 차이 [7] | Dopesoul | 2002.12.13 |
| DeX 님의 시간 동기화 스크립트를 편하고 안정적으로 변경한 리눅스용! [4] | Dopesoul | 2002.12.13 |
| 리눅스 rpm 명령어 활용(1): MRTG 설치 | 정인배 | 2002.12.14 |
| PHP 4.2.3 파워 설치 테크닉 (에러 0%에 도전) [2] | 밍밍이 | 2002.12.17 |