此博客我不再维护

此博客我不再维护 此博客我不再维护 我的博客将全力集中在github,欢迎访问我的github博客 github博客 posted @ 2019-05-17 12:00 qz奔跑的马 阅读(...) 评论...

2019-05-17 12:00:00

阅读数 9

评论数 0

canvas基础动画示例

canvas基础动画示例 canvas基础动画示例 本文主要用最简单的例子,展示canvas动画效果是如何实现的 动画效果,是一个球绕着一点旋转 const canvas = document.getElementById('canvas...

2019-02-10 21:25:00

阅读数 26

评论数 0

canvas合成和裁剪

canvas合成和裁剪 canvas合成和裁剪 属性 globalCompositeOperation=type 设置覆盖类型 source-over 源覆盖在目标上 source-in ...

2019-02-10 21:02:00

阅读数 22

评论数 0

canvas变换

canvas变换 canvas变换 方法 save() 保存canvas状态 restore() 回复canvas保存的状态 translate(x, y) 移动can...

2019-02-10 19:54:00

阅读数 23

评论数 0

canvas绘制图片

canvas绘制图片 canvas绘制图片 方法 canvas支持image,svg,video,canvas的绘制 drawImage(image, x, y) ...

2019-02-09 16:07:00

阅读数 25

评论数 0

canvas绘制文本

canvas绘制文本 canvas绘制文本 属性和方法 font = value 设置字体 textAlign = value 设置字体对齐方式 start, end, left, right, ...

2019-02-09 15:38:00

阅读数 24

评论数 0

canvas填充规则

canvas填充规则 canvas填充规则 const canvas = document.getElementById('canvas'); const ctx = canvas.getContext('2d'); ctx.beginPa...

2019-02-09 14:52:00

阅读数 30

评论数 0

canvas设置阴影

canvas设置阴影 canvas设置阴影 属性 shadowOffsetX = float 阴影向右偏移量 shadowOffsetY = float 阴影向下偏移量 shadowBlur = float...

2019-02-09 14:44:00

阅读数 46

评论数 0

canvas设置repeat

canvas设置repeat canvas设置repeat 方法 ctx.createPattern(img, 'repeat'); repeat repeat-x repeat-y no-repeat 重复图片 const canva...

2019-02-09 14:37:00

阅读数 35

评论数 0

canvas设置渐变

canvas设置渐变 canvas设置渐变 方法 createLinearGradient(x1, y1, x2, y2) 线性渐变 createRadialGradient(x1, y1, r1, x2, y2, r2) 辐射渐变 线性渐变 ...

2019-02-09 14:16:00

阅读数 21

评论数 0

canvas设置线条样式

canvas设置线条样式 canvas设置线条样式 合法属性和方法 lineWidth = value 设置线宽 lineCap = type 设置线端点样式 lineJoin = type ...

2019-02-09 13:56:00

阅读数 31

评论数 0

canvas给图形添加颜色

canvas给图形添加颜色 canvas给图形添加颜色 合法属性 ctx.fillStyle = 'orange'; ctx.fillStyle = '#FFA500'; ctx.fillStyle = 'rgb(255, 165, 0)'; c...

2019-02-09 11:07:00

阅读数 45

评论数 0

canvas绘制曲线

canvas绘制曲线 canvas绘制曲线 方法 quadraticCurveTo(cp1x, cp1y, x, y) 只有一个控制点的贝塞尔曲线(其实就是控制点分别与起始点和结束点连线的公切线) bezierCurve...

2019-02-09 10:35:00

阅读数 54

评论数 0

canvas绘制圆弧

canvas绘制圆弧 canvas绘制圆弧 方法 anticlockwise为true表示逆时针,默认为顺时针 角度都传的是弧度(弧度 = (Math.PI/180)*角度) arc(x, y, radius, startAngle, endAn...

2019-02-08 21:25:00

阅读数 17

评论数 0

canvas绘制路径

canvas绘制路径 canvas绘制路径 方法 beginPath() 创建一个新的路径 lineTo() 描绘路径 closePath() 沿着路径画直线,并且画点...

2019-02-08 20:54:00

阅读数 8

评论数 0

canvas绘制矩形

canvas绘制矩形 canvas绘制矩形 方法 fillRect(x, y, width, height) 画一个实心的矩形 clearRect(x, y, width, height) 清除一块儿矩形区域...

2019-02-08 20:39:00

阅读数 16

评论数 0

css选择器

css选择器 css选择器 基本选择器 * 通配符选择器 div 元素选择器 .box 类选择器 .box.red 复合选择器 #id id选择器 :pseudo 伪...

2019-02-08 19:03:00

阅读数 9

评论数 0

canvas下载图片

canvas下载图片 canvas下载图片 <!DOCTYPE html> <html lang="en"> &am...

2019-02-08 17:11:00

阅读数 26

评论数 0

canvas旋转文本

canvas旋转文本 canvas旋转文本 <!DOCTYPE html> <html lang="en"> &am...

2019-02-08 17:06:00

阅读数 31

评论数 0

canvas获取鼠标位置

canvas获取鼠标位置 canvas获取鼠标位置 <!DOCTYPE html> <html lang="en"> &am...

2019-02-08 16:55:00

阅读数 51

评论数 0

提示
确定要删除当前文章?
取消 删除
关闭
关闭