首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
canvas
蘑菇云Six
创建于2022-09-21
订阅专栏
canvas
暂无订阅
共7篇文章
创建于2022-09-21
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
8 canvas画布清空的方式
方法1 方法2 区别 重置宽高方式擦出画布, 不但清除画布, 还会重置画笔的样式 learRect方式擦除画布, 只清除画布, 保留画笔的样式 代码如下
7 canvas 绘制文字
文字 - 核心代码 ``` strokeText() fillText() * strokeText(txt, x, y, maxWidth) * txt: 要绘制的文字 * x, y: 绘制的
6 canvas绘制圆形
圆形 - 核心语法 ``` arc(x, y, radius, startAngle, endAngle, counterclockwise) x, y :圆心 radius:
5 canvas 绘制矩形
矩形 - ``` strokeRect(x, y, w, h) fillRect(x, y, w, h) x, y: 矩形左上角的位置 w, h: 矩形的宽高 ``` ![image.png](ht
4Canvas样式设置
描边样式设置 填充样式设置 代码如下描边样式设置 填充样式设置 代码如下描边样式设置 填充样式设置 代码如下描边样式设置 填充样式设置 代码如下描边样式设置 填充样式设置 代码如下描边样式设置 填充样
3 canvas 绘制图形
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>03_Canvas绘制图形</title> <style type
2 canvas 绘制直线
canvas 绘制直线 草稿箱 ```js <!DOCTYPE html> <html> <head> <meta charset="UTF-8">