https://www.bilibili.com/video/BV1ss411V7s1?p=3
昨天学了canvas元素的创建、获取及canvas上下文、画线操作、描边操作、闭合路径操作,今天学习一下Canvas设置描边样式还有填充样式。
先看一下代码:
<canvas id="demo"></canvas>
<script type="text/javascript">
//通过id获取页面中的canvas元素
var canvas = document.getElementById("demo");
canvas.style.border = "1px solid red"; //设置canvas的边框(就像div的边框)
canvas.width = 600; //设置canvas的宽度,不要加px
canvas.height = 600; //设置canvas的高度
//canvas.style.width = 600px; //不要使用这一种方法来设置canvas的宽高
//获取canvas上下文
var context = canvas.getContext("2d");
//开始绘制
context.moveTo(