웹마스터 팁
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
웹에서그림그리기
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
저장기능까지 되면 좋겠당~ 흐흐,,,
제목 | 글쓴이 | 날짜 |
---|---|---|
상태바에 2개의 메세지가 뜨는 태그 | 김주형 | 2003.07.03 |
마우스 오른쪽 버튼 누르면 원하는 메뉴 뜨게 만들기(다른사이트) [3] | 김주형 | 2003.07.03 |
아이프레임으로 나타낸 문서를 크기에 맞게 자동으로 사이즈 조절 [3] | DODGE | 2003.06.28 |
웹에서그림그리기 [5] | 카이저 | 2003.06.27 |
손쉬운 롤오버 이미지 자동생성 [15] | 행복한고니 | 2003.06.16 |
[스크립트] 메뉴에 마우슬 데면 서브 메뉴가 나온다 [2] | 처절초보 | 2003.06.16 |
[스크립트]오른쪽 버튼 누르면 메뉴나오기^^ [1] | 처절초보 | 2003.06.16 |
Top, Back 함께사용하기 | sharim | 2003.06.11 |
자바스크립트로 두개 이상의 페이지 동시에 열기. [4] | 이성헌 | 2003.06.08 |
엔터키 걸러내고 코멘트 무조건 10자이상으로 하게하는 자바스크립트 소스 [9] | 교행사랑 | 2003.06.06 |
오른쪽마우스 클릭금지,드래그금지,하단주소 숨기기 한꺼번에~ [8] | 한길 | 2003.06.03 |
크롬리스(Chromless) 웹어플리케이션 -6 (최종) [4] | sundew | 2003.05.30 |
메뉴 옆에서 화살표가 스크롤되는.. [2] | 힘찬연못 | 2003.05.29 |
크롬리스(Chromless) 웹어플리케이션 -5 [3] | sundew | 2003.05.28 |
스크롤되는 레이어 나두 갖구 싶어서 ^^; 맹글어 봤습니다. [10] | M@xPond | 2003.05.28 |
오른쪽 버튼 클릭시 북마크창 띄우기(1석2조 방식) [4] | RedEye(rinja) | 2003.05.23 |
크롬리스(Chromless) 웹어플리케이션 -4 [4] | sundew | 2003.05.23 |
손님컴퓨터에 내홈피 즐겨찾기 원클릭으로추가시키기 [5] | 호호짱 | 2003.05.23 |
크롬리스(Chromless) 웹어플리케이션 -3 [5] | sundew | 2003.05.21 |
오늘 날짜와 시간 [3] | Brown | 2003.05.20 |