目录第十章：画布（一）创建canvascanvas简介创建canvasgetContext()方法在canvas中绘制图形的步骤绘制直线、多边形canvas坐标及方法路径和描绘线条绘制线条样式设置填充路径封闭绘制弧和圆弧/曲线绘制矩形矩形透明度透明度第十章：画布（一）创建canvascanvas简介canvas元素用于绘制图形，它只是一块无色透明的图形容器区域，需要用JavaScript脚本来完成绘画。画布是
目录
第十章：画布（一）
创建canvas
canvas简介
canvas元素用于绘制图形，它只是一块无色透明的图形容器区域，需要用JavaScript脚本来完成绘画。
画布是一个空白矩形区域，可以控制其每一像素。
创建canvas
<canvas id="canvas" width="" height=""></canvas>canvas的默认大小是300*150；设置canvas的宽、高时，不推荐使用px后缀。
getContext()方法
使用<canvas>元素，首先需要调用的方法；
getContext()返回一个对象，提供了用于在画布上绘图的方法和属性。context被称为绘图环境对象，包含绘图的上下文环境。
var canvas=document.getElementById("canvas");
var context=canvas.getContext("2d");（该方法可以接受两个值：2d和3d，表示二维和三维）
在canvas中绘制图形的步骤
<body>
<canvas id="canvas" width="" height=""></canvas>
</body>
<script>
var canvas=document.getElementById("canvas");
var context=canvas.getContext("2d");
//使用JavaScript进行绘制
</script>
最低0.47元/天 解锁文章
1324
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
