自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

原创 此博客我不再维护

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

2019-05-17 12:00:00 74 0

原创 HTML标签全解(正在编写)

HTML标签全解(正在编写) 目录(html标签) 兼容性太差的标签和w3c不推荐使用的标签以及部分无实际意义的属性本文未罗列 a abbr...

2019-05-04 21:43:00 75 0

原创 canvas基础动画示例

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

2019-02-10 21:25:00 244 0

原创 canvas合成和裁剪

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

2019-02-10 21:02:00 74 0

原创 canvas变换

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

2019-02-10 19:54:00 71 0

原创 canvas绘制图片

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

2019-02-09 16:07:00 127 0

原创 canvas绘制文本

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

2019-02-09 15:38:00 63 0

原创 canvas填充规则

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

2019-02-09 14:52:00 107 0

原创 canvas设置阴影

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

2019-02-09 14:44:00 553 0

原创 canvas设置repeat

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

2019-02-09 14:37:00 136 0

原创 canvas设置渐变

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

2019-02-09 14:16:00 85 0

原创 canvas设置线条样式

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

2019-02-09 13:56:00 220 0

原创 canvas给图形添加颜色

canvas给图形添加颜色 canvas给图形添加颜色 合法属性 ctx.fillStyle = 'orange'; ctx.fillStyle = '#FFA500'; ctx.fillStyle = &...

2019-02-09 11:07:00 355 0

原创 canvas绘制曲线

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

2019-02-09 10:35:00 299 0

原创 canvas绘制圆弧

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

2019-02-08 21:25:00 169 0

原创 canvas绘制路径

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

2019-02-08 20:54:00 115 0

原创 canvas绘制矩形

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

2019-02-08 20:39:00 46 0

原创 css选择器

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

2019-02-08 19:03:00 16 0

原创 canvas下载图片

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

2019-02-08 17:11:00 363 0

原创 canvas旋转文本

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

2019-02-08 17:06:00 739 0

原创 canvas获取鼠标位置

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

2019-02-08 16:55:00 373 0

原创 html中的表格

html中的表格 html中的表格 表格 <table> <caption>标题</caption> <thead> ...

2019-02-07 22:33:00 26 0

原创 html中的响应式图片

html中的响应式图片 html中的响应式图片 img sizes 指定屏幕尺寸 srcset 指定可以使用的图片和大小,多个使用逗号分隔,需要指定图片的真实宽度,个人觉得没有picture好用 <img sizes=&q...

2019-02-07 22:33:00 243 0

原创 html中的列表

html中的列表 html中的列表 有序列表 <ol start="2"> 指定序号开始值 <li>a</li> &l...

2019-02-07 22:32:00 32 0

原创 html中的a标签

html中的a标签 html中的a标签 a标签 <a href="https:www.baidu.com" rel="external">百度</a>...

2019-02-07 22:31:00 78 0

原创 html中的一些常用的样式标签

html中的一些常用的样式标签 html中的一些常用的样式标签 <p>这里是文本,<mark>高亮</mark></p> &l...

2019-02-07 22:30:00 68 0

原创 js中的web加密

js中的web加密 js中的web加密 window.crypto.subtle只会在安全模式下有用,也就是https环境下 创建摘要(硬解) var i = new TextEncoder('utf-8').encode...

2019-02-06 22:07:00 235 0

原创 js控制电池

js控制电池 js控制电池 判断设备是否在充电 navigator.getBattery().then(function(battery){ if(battery.charging) { alert("电池正在充...

2019-02-06 20:50:00 60 0

原创 js控制手机震动

js控制手机震动 js控制手机震动 <button onclick="vibrate()">震动</button> <script> f...

2019-02-06 20:14:00 633 0

原创 js发送windows提示信息

js发送windows提示信息 js发送windows提示信息 效果图 代码 Notification.requestPermission(function() { if(Notification.permission === ...

2019-02-06 20:05:00 198 0

原创 js操作一般文件和csv文件

js操作一般文件和csv文件 js操作一般文件和csv文件 将文本文件读成字符串 <input type="file" id="upload"> document.getEle...

2019-02-06 19:33:00 1096 0

原创 js操作indexedDB增删改查示例

js操作indexedDB增删改查示例 js操作indexedDB增删改查示例 if ('indexedDB' in window) { // 如果数据库不存在则创建,如果存在但是version更大,会自动升级不会复制原...

2019-02-05 21:38:00 429 0

原创 js获取用户实时地理位置

js获取用户实时地理位置 js获取用户实时地理位置 if(navigator.geolocation) { var id = navigator.geolocation.watchPosition(function(position){ ...

2019-02-05 20:22:00 1670 0

原创 js处理数值和日期本地化

js处理数值和日期本地化 js处理数值和日期本地化 const s = new Intl.NumberFormat('zh-cn'); s.format(111.111) // "111.111" cons...

2019-02-05 20:08:00 242 0

原创 js中的requestAnimationFrame

js中的requestAnimationFrame js中的requestAnimationFrame requestAnimationFrame的作用就是重绘 一个简单的demo如下 <!DOCTYPE html>...

2019-02-05 19:09:00 377 0

原创 js操作serviceWorker缓存静态文件

js操作serviceWorker缓存静态文件 js操作serviceWorker缓存静态文件 serviceWorker的作用就是用来做离线应用的,在手机端程序中用的较多 先看下效果 index.html <!DOCTYPE...

2019-02-05 18:45:00 373 0

原创 js中的webworker

js中的webworker js中的webworker webworker的作用类似于java的多线程 以独立文件的形式运行webworker index.html <!DOCTYPE html> <...

2019-02-05 17:34:00 239 0

原创 使用原生js自定义内置标签

使用原生js自定义内置标签 使用原生js自定义内置标签 效果图 代码 <!DOCTYPE html> <html lang="en"> <head&am...

2019-02-04 21:23:00 136 0

原创 使用原生js创建自定义标签

使用原生js创建自定义标签 使用原生js创建自定义标签 效果图 代码 <!DOCTYPE html> <html lang="en"> <head&am...

2019-02-04 21:21:00 2098 0

原创 js操作window

js操作window js操作window 常用属性 window.closed // window是否关闭 window.length // iframe个数 window.name // 获取和设置wi...

2019-02-04 16:11:00 29 0

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