![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
canvas开发专题
文章平均质量分 54
丁小柒
这里是丁小柒,大爱古风,喜欢听歌,美的文字,喜欢美女,会好多技能~欢迎关注
展开
-
canvas开发专题-第二天
canvas对图片的操作原创 2016-11-16 14:20:16 · 260 阅读 · 0 评论 -
canvas开发专题-第一天
丁小柒讲解canvas开发~欢迎围观原创 2016-11-13 17:56:27 · 310 阅读 · 0 评论 -
canvas实现滑动验证
canvas实现滑动验证原创 2016-12-07 00:05:29 · 3518 阅读 · 0 评论 -
一个显示数据用的canvas
好久没有写代码了,写点东西看看有没有忘了傻原创 2017-07-25 16:47:32 · 995 阅读 · 0 评论 -
通明透彻canvas
canvas-基本知识canvas是一个通过js来实现绘图的容器,我们使用<canvas>来作为绘图的容器,在这个系列教程内,将会通过一个一个实例从浅到深了解canvas,并且可以实现一般的游戏开发。在HTML页面中创建canvas使用canvas来绘制物体canvas的绘图环境(2d)1.在HTML页面中创建canvas<!DOCTYPE html&...原创 2018-02-24 18:08:02 · 287 阅读 · 0 评论 -
通明透彻canvas-相关概念
canvas的上下文以及坐标上次讲到canvas的上下文是通过getContext('2d');方法来获取,canvas在执行上下文的渲染时,每次渲染,都会抛弃之前渲染的数据,这也是在canvas中做交互的难题,使用isPointInPath函数来判断用户的选择情况,却也会有些困难的地方,比如canvas只能记住最后一次渲染的数据,所以函数也只能对最后一次渲染的数据进行渲染,而且函数对于f...原创 2018-02-25 21:06:57 · 228 阅读 · 0 评论 -
本地图片上传与预览的实现
在做个人网站的时候,准备用canvas来生成个人的头像,然后提供预览,同时也想支持用户自己上传头像,于是就开始进行着手写了图片的拖拽上传。1 图片拖拽类的功能封装获取图片信息-->将图片加载到canvas去压缩处理-->页面渲染/提交上传class Drag{ constructor(cssSelector){ this.css=...原创 2018-03-28 14:44:44 · 341 阅读 · 0 评论 -
canvas打造QQ空间广告
canvas打造QQ空间广告在QQ空间中,我们经常可以看到某州学院的广告,当你滑下去时,会有一个圆形蒙版出现,并且会随着手指的滑动而变大或者变小。依赖技术这里的主要实现是利用canvas的2D绘图能力,会主要讲解drawImage与clip两个API的作用与原理。效果实现过程canvas绘制的准备 在网上有很多的canvas的基础教程,这里不做过多讲解...原创 2018-04-23 22:31:22 · 514 阅读 · 0 评论