本篇主要讲述九宫格上传图片 图片编辑实现效果: 图片编辑实现原理: 实现九宫格编辑图片可以做成一个组件,使用原生的图片上传方式通过 input 标签上传图片 一般图片都挺大,避免用户等待时间过长,使用 canvas 将上传的图片进行压缩 每次成功上传一张图片 && 图片总量 < 9 就在图片数组后p ...
分类：
Web程序 时间：
2020-05-18 18:38:24
阅读次数：
65
欲实现的水印平铺的效果图如下： 从图上看，应该做到以下几点： 文字在X和Y方向上进行平铺； 文字进行了一定的角度的旋转； 水印作为背景，其z-index位置应位于页面内容底部, 即不能覆盖页面主内容； 平铺的水印应能随窗口大小改变进行自适应。 思路： 首先我们先在canvas上绘制如下图所示一小块画 ...
分类：
其他好文 时间：
2020-05-18 18:23:45
阅读次数：
67
写在之前 canvas 元素中提供了看似简单的绘图方法，但仔细挖掘，可以以此做出非常复杂而漂亮的图形。随着 API 的逐渐完善，我相信自己能进行更多有意思的尝试。 时钟的 canvas + js 实现主要是应用上下文的简单变换、文本添加及周期性调用方法 setInterval(func, delay ...
分类：
其他好文 时间：
2020-05-18 16:55:48
阅读次数：
52
计算机图像处理是一门很成熟的技术，任何一门可操作系统接口的语言都能很轻易的实现各种处理操作。但是前端限于浏览器环境和接口限制，处理起来会有诸多不便，这里所说的前端图像处理，是真的指不借助任何后端服务纯前端实现的图像处理。本文会介绍canvas位图处理，SVG矢量图和CSS3图像处理，重点是canva ...
分类：
其他好文 时间：
2020-05-18 14:21:53
阅读次数：
63
前端html部分 //canvas.html <!DOCTYPE html> <html manifest="/test.appcache"> <head> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> <tit ...
分类：
Web程序 时间：
2020-05-18 12:03:32
阅读次数：
61
环形进度条的问题，网上有很多的demo，也有各种不同的实现方式，很棒的实现也有很多，我这自己做一下一方面是想开阔一下自己的思路，一方面好久没看SVG和Canvas的东西了，基础的拿来熟悉下。 DIV + CSS3 这个是最基本的实现方式，我在想怎样用尽量少的DOM结构来实现，最终还是用了三个div， ...
分类：
其他好文 时间：
2020-05-17 23:08:18
阅读次数：
98
2016年的某一天，不小心看了下自己写的几篇文章，瞬间被恶心到了。 语句不通顺 废话一大堆 标点符号错乱 图片丑陋 排版恶心 缺少实际demo,并且没有直观的在线体验效果 毅然决然的删掉了以前的文章，在此给大家带来的不便希望谅解。本周已经开始对删除的文章着手回复，目前进度如下：《每周一点canvas ...
分类：
其他好文 时间：
2020-05-17 16:02:56
阅读次数：
54
最近在研究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
