最近在研究html5 canvas的过程中，发现，canvas为前端对图像的处理开辟了一条新的道路，canvas可以做到很多事情，甚至可以做个类似于PhotoShop的东西，曾经本人在一家软件工作就做类似的工作，可以看一下我之前开发的软件： 这个就是canvas实现的类似于Adobe Photosh ...
分类：
其他好文 时间：
2020-05-16 16:48:03
阅读次数：
201
使用canvas制作的移动端color picker 我在另一个demo中，需要用到color picker，但是找不到我需要的移动端color picker，很多都是pc的，然后发现input[type='color']这个东西存在，发现安卓没问题，ios却不支持，但是我看安卓那个color pi ...
分类：
移动开发 时间：
2020-05-16 16:26:27
阅读次数：
92
canvas 点击切换验证码 <canvas id="canvas" width="120px" height="40px"></canvas> <script> window.onload=function(){ var canvas=document.getElementById('canvas ...
分类：
其他好文 时间：
2020-05-16 12:53:36
阅读次数：
114
写在前面 上一节我们认识了Phaser.js，也说到了Phaser比较适合开发2D的小游戏，那么接下来的几篇文章会以开发一个移动端的小游戏为例，来介绍如何上手Phaser.js。这一节的主要内容是用Phaser.js搭建游戏的骨架。 游戏相关的一些概念 画布 一般来说，做游戏的话基于Canvas会比 ...
分类：
Web程序 时间：
2020-05-15 20:14:56
阅读次数：
75
效果展示理论基础——“常见的canvas优化——模糊问题、旋转效果” 用离屏canvas画基础部分 1、封装画线函数 function drawLine(ctx,x1,y1,x2,y2,color){ ctx.save(); ctx.beginPath(); ctx.strokeStyle = co ...
分类：
其他好文 时间：
2020-05-15 00:00:56
阅读次数：
89
canvas常见优化方案——模糊问题、旋转效果、离屏、自定义图片尺寸 实践demo——“canvas离屏、旋转效果实践——旋转的雪花” 2017-12-18 16:27:35更新关于模糊问题 前几天研究html2Canvas的时候刚好赶上作者发布新版本，发现新版本截屏出来的效果比我对旧版本处理后(画 ...
分类：
其他好文 时间：
2020-05-14 23:56:28
阅读次数：
120
前端性能优化列表： 1. JS 减少 DOM 操作 预加载 懒加载 tree shaking 防抖，节流 变量缓存 for遍历优先 接口数据懒请求 2. CSS 减少类的层级 硬件加速（3d canvas webgl） 雪碧图 避免使用滤镜 3. html 减少无效标签 4. 整体 减少 http ...
分类：
其他好文 时间：
2020-05-14 13:19:22
阅读次数：
68
一、功能模块 先看下现在做完的效果： 线上体验：https://wj704.github.io/five_...主要功能模块为：1.人机对战功能2.悔棋功能3.撤销悔棋功能 二、代码详解 2.1 人机对战功能实现 从效果图可以看到，棋盘的横竖可以放的位置为15*15，通过canvas画棋盘： //绘 ...
分类：
Web程序 时间：
2020-05-13 20:36:28
阅读次数：
81
最新版本 V 3.2.5 新增了图片弹幕类型，修改了demo展示页面，调整了部分代码，具体请参看git里的CHANGELOG.md和README.md 文章里主要讲实现方法和设计思想，所以有部分接口依旧是老版本接口，最新的接口请去git里面查看 前言 说实话，从第二版到现在又过了半年，本来以为可能不 ...
分类：
Web程序 时间：
2020-05-13 00:20:56
阅读次数：
102
一、前言 上节通过一个简单的旋转环对自定义view作了一个基本的认识，本文将大致讲解下实现的思路以及对该view的一些可能的改进。 二、思路 主要通过重写 view 中的 onDraw() 方法，利用 canvas 类中的 drawArc() 方法绘制圆弧，其中第一个参数 rectF 是一个浮点矩形 ...
分类：
移动开发 时间：
2020-05-12 17:23:48
阅读次数：
88
