html中插入javascript画矩形

来源:互联网 发布:通信算法工程师 工作 编辑:程序博客网 时间:2024/06/06 05:43
<!DOCTYPE <!DOCTYPE html><html><head><meta charset="utf-8"/><title>canvas元素示例</title><script>function draw(id){var canvas = document.getElementById(id);if(canvas == null)return false;var context = canvas.getContext('2d');context.fillStyle = "#eeefff";context.fillRect(0,0,400,300);context.fillStyle = "green";context.strokeStyle = "red";context.lineWidth = 1;context.fillRect(50,50,100,100);context.strokeRect(50,50,100,100);}</script></head><body onload="draw('canvas');"><h1>canvas中画矩形</h1><canvas id="canvas" width="400" height="300"/></body></html>

原创粉丝点击