![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
canvas
文章平均质量分 57
丹丹的小跟班
这个作者很懒,什么都没留下…
展开
-
9.在canvas绘制图片和视频
canvas绘制图片视频原创 2023-10-24 17:08:29 · 295 阅读 · 0 评论 -
8.canvas阴影设置
在canvas里面设置元素阴影相对来说比较简单,他有4个属性控制。原创 2023-10-23 16:49:09 · 136 阅读 · 0 评论 -
7.canvas图形颜色设置
之前我们绘制的所有图形都是使用的默认色黑色,今天我们开始给图形增色。原创 2023-10-07 17:42:13 · 503 阅读 · 0 评论 -
6.canvas绘制基本图形——椭圆
参数八(可选):Boolean 选项,如果为 true,逆时针方向绘制椭圆(逆时针),反之顺时针方向绘制。参数六:将要绘制的起始点角度,从 x 轴测量,以弧度表示 (非角度度数)。参数七:椭圆将要绘制的结束点角度,以弧度表示 (非角度度数)。参数五:椭圆的顺时针旋转角度,以弧度表示 (非角度度数)。ellipse是一个用来绘制椭圆的api,它拥有8个参数。参数一:椭圆圆心的 x 轴坐标。参数二:椭圆圆心的 y 轴坐标。参数三:椭圆长轴的半径。参数四:椭圆短轴的半径。原创 2023-10-07 16:37:13 · 415 阅读 · 0 评论 -
5.图形的连续绘制
到目前为止我们已经学习了折线,圆弧,矩形的基本绘制,但是我们每次都是单独绘制并且只绘制一个图形的。正当我们以为我们会得偿所愿的时候,悲剧出现了仔细看我们想得到的形状都拿到了,但是会什么会有多余的连接先线呢?仔细观察发现多余的连接线连接的是矩形的定位坐标和圆的起始角度,而我们在绘制这两种图形的时候也正是从这两个点开始绘制的。所以结论来了:在绘制多个图形的时候,多个图形的起点坐标往往会连在一起。、但是疑问来了?折线为什么没有连接在一起呢?如果你还记得moveTo的作用,那么大家就不会疑惑了。原创 2023-09-28 16:18:16 · 103 阅读 · 0 评论 -
4.canvas绘制基本图形——折线
在日常生活中,除了矩形与圆弧外,接触最多的就是折线了。甚至矩形也可以看出是一段折线,所以我们自然也可以使用绘制折线的方式绘制出矩形。原创 2023-09-28 14:52:04 · 383 阅读 · 0 评论 -
3.canvas绘制基本图形——圆弧
圆弧是圆的组成部分,一个圆可以看成多个圆弧或者一个圆弧闭环组合而成。因此我们画圆弧的时候往往把他看成一个残缺的圆。原创 2023-09-28 14:39:32 · 261 阅读 · 0 评论 -
1.初识canvas
初始canvas原创 2023-09-21 11:03:57 · 88 阅读 · 0 评论 -
2.canvas绘制基本图形——矩形
我们在初识canvas的时候已经用它画过矩形了,今天我们就总结下矩形的绘画方式。原创 2023-09-27 15:04:55 · 201 阅读 · 0 评论