코드:
결과보기 »
<!DOCTYPE html> <html lang="ko"> <head> <meta charset="UTF-8"> <title>HTML canvas tag - width attribute</title> </head> <body> <canvas id="myCanvas" height="200" width="200" style="border: 2px solid black"> 이 문장은 사용자의 웹 브라우저가 canvas 요소를 지원하지 않을 때 나타납니다! </canvas><br> <button onclick="changeWidth()">너비 변경</button> <script> var canvas = document.getElementById("myCanvas"); var context = canvas.getContext("2d"); context.fillStyle = "yellow"; context.fillRect(0,0,150,150); function changeWidth() { canvas.width = 300; } </script> </body> </html>