""JavaScript
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head><body>
<canvas id="canv">您的浏览器不支持canvas标签</canvas>
<script>
//获取canvas
var canv = document.getElementById("canv");
//设置画布的宽度和边框
canv.width = 600;
canv.height = 600;
//显示画布的边框和颜色
canv.style.border = "2px solid black";
canv.style.backgroundColor = "orange";
//获取画笔
var context = canv.getContext("2d");
//不能超过画布范围作用
//设置起始点(首先必须确定的)
context.beginPath();
context.moveTo(50, 200);
//连线
context.lineTo(100, 100);
context.lineTo(150, 200);
//结束路径
context.closePath();
//设置线条宽度
context.lineWidth = "10";
//描边
context.stroke();
//描边的样式
context.strokeStyle = "red"
//填充
context.fill();
context.fillStyle = "red";
</script>
</body>
</html>""
1002
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
