Canvas
/
Svg
/
Coding
/
Video
/
Chat
캔버스 복구
/
Upload
HOME
/
LOGIN
결과
참고사이트: http://jsfiddle.net/m1erickson/NnZ7a/
<!DOCTYPE html> <html lang="ko"> <head> <meta charset="UTF-8"> <title>HTML5 Multimedia Canvas</title> </head> <body> <h1>canvas 요소에 선 그리기</h1> <canvas id="drawCanvas" width="300px" height="200px" style="border: 1px solid #993300"> 이 문장은 사용자의 웹 브라우저가 canvas 요소를 지원하지 않을 때 나타납니다! </canvas> <script> var paper = document.getElementById("drawCanvas"); var context = paper.getContext("2d"); context.moveTo(0, 0); context.lineTo(300, 100); context.lineTo(150, 150); context.stroke(); </script> </body> </html>