HTML&CSS基础学习
关注
分享
扫一扫
DouglasRyan
这个作者很懒，什么都没留下…
展开
-
1.认识HTML5
认识HTML 目标 HTML5文档基本结构 HTML5文本、图像、超链接标记 HTML5页面元素及属性 一、HTML5文档基本结构 <!doctype html> <html> <head> <meta charset="UTF-8"> <title>标题</title> </hea转载 2019-01-26 21:34:23 · 214 阅读 · 0 评论 -
canvas基本用法
Canvas:用脚本绘制图形 绘制图表 制作图片 制作动画 1、开始之前 默认大小：300px*150px 2、基本用法 1.canvas元素 例：<canvas id="tutorial" width="150" height="150"></canvas> 属性：width和height id 替换内容 如果不需要替代内容，<canvas id="foo&q转载 2019-02-26 09:00:01 · 140 阅读 · 0 评论 -
Canvas绘制图形
目标 学会绘制图形 掌握绘制路径 1、栅格 画布栅格 2、绘制矩形 fillRect(x, y, width, height) 绘制一个填充的矩形 strokeRect(x, y, width, height) 绘制一个矩形的边框 clearRect(x, y, width, height) 清除指定矩形区域，让清除部分完全透明。 x与y指定了在canvas画布上所绘制的矩形的左上...转载 2019-02-26 09:59:25 · 615 阅读 · 0 评论 -
Canvas使用样式和颜色
1、色彩 默认色彩是黑色（#000000） fillStyle = color 设置图形的填充颜色。 strokeStyle = color 设置图形轮廓的颜色。 1.色板 function draw() { var ctx = document.getElementById('canvas').getContext('2d'); for (var i=0;i&...转载 2019-02-26 17:56:25 · 1965 阅读 · 0 评论