canvas基础
jiaojsun
做一只快乐的小码龙
展开
-
canvas基础—04像素
1.像素_1 demo.html<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>canvas学习</title><style>body{background: black}#c1{background原创 2019-02-14 17:37:10 · 146 阅读 · 0 评论 -
canvas基础—03设置背景和渐变
1.设置背景demo.htmlcreatePattern(obj,'repeat')<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>canvas学习</title><style>body{backg原创 2019-02-13 14:51:51 · 1791 阅读 · 1 评论 -
canvas基础—03插入图片
1.插入图片demo.html drawImage(oImg,x,y,w,h) (当前图片,坐标x(正右),坐标y(正下),宽,高)<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>canvas学习</title><原创 2019-02-13 11:44:54 · 1799 阅读 · 0 评论 -
canvas基础—02变换
1.变换 <!DOCTYPE html><html><head> <meta charset="utf-8"> <title>canvas学习</title><style>body{background: black}#c1{background: white}sp原创 2019-02-13 10:21:25 · 122 阅读 · 0 评论 -
canvas基础—02绘制其他曲线
1.绘制其他曲线arcTo(x1,y1,x2,y2,r) <!DOCTYPE html><html><head> <meta charset="utf-8"> <title>canvas学习</title><style>body{background: black}原创 2019-02-12 16:35:48 · 171 阅读 · 0 评论 -
canvas基础—02demo之(钟表)
1.钟表demo.html<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>canvas学习</title><style>body{background: black}#c1{background: whi原创 2019-02-12 15:32:58 · 168 阅读 · 0 评论 -
canvas基础—02绘制圆
1.绘制圆圆的方向(默认顺时针) 示例<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>canvas学习</title><style>body{background: black}#c1{ba原创 2019-02-12 14:24:29 · 206 阅读 · 0 评论 -
canvas基础—01demo之(鼠标划线和方块制动)
1.鼠标划线<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>鼠标画线</title><style>body{background: black}#c1{background: white}span{colo原创 2019-02-12 11:44:46 · 236 阅读 · 0 评论 -
canvas基础—01绘制路径
1.标签、绘制环境、绘制方块、设置绘图绘制方块 <!DOCTYPE html><html><head> <meta charset="utf-8"> <title>canvas学习</title><style>body{background: black}#c1{原创 2019-02-12 10:34:27 · 253 阅读 · 0 评论 -
canvas基础—04像素之马赛克
demo.html<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head&g..原创 2019-02-17 19:20:33 · 316 阅读 · 0 评论 -
canvas基础—04像素延伸
1.像素坐标demo.html<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>canvas学习</title><style>body{background: black;color:white;font原创 2019-02-17 18:48:18 · 252 阅读 · 0 评论 -
canvas基础—03文本和阴影
1.文本1 demo.html<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>canvas学习</title><style>body{background: black}#c1{background:原创 2019-02-14 10:53:28 · 200 阅读 · 0 评论