![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
canvas
文章平均质量分 81
沐音_000
这个作者很懒,什么都没留下…
展开
-
canvas图像处理——实现滤镜效果
实现滤镜效果点击按钮出现不同滤镜效果首先,我们分析滤镜的具体,主要就是对图片的每个具体像素进行处理,先拿到像素,处理后再将像素放回去。1.怎样拿到像素 通过getImageData可以拿到图片的imageData,imageData包含3个内容:width,height...原创 2018-07-31 12:00:02 · 2502 阅读 · 1 评论 -
canvas初学之——小球碰撞动画
小球碰撞动画对于这个动画,涉及到的很多东西与之前的倒计时效果有很多相似之处,倒计时效果文章如下:https://blog.csdn.net/Yvonne_Lu7/article/details/81231255而其中的新东西,第一是在canvas画布上添加其他的html元素,第二...原创 2018-07-27 11:01:32 · 1359 阅读 · 0 评论 -
canvas初学之倒计时动画
制作一个倒计时的动画 我们来看这个动画,在时间变化的同时,会有小球动画从原时间上炸开,落到地上。因此我们主要的工作首先是要显示出由点构成的时间,其次需要每秒变化时间,最后就是小球的动画了。先来看一下效果图: 这是一个简单的1个小时倒计时的动画,接下来我们来看如何制作这段代码: 1. 时...原创 2018-07-27 10:49:18 · 754 阅读 · 0 评论 -
canvas初学之——绘制一片星空
利用canvas画一片星空 效果图如下: 观察这篇星空: 多一半的位置被随机分布的星星所覆盖,右上角有一轮月牙,背景色为深蓝色到黑色的渐变色,下方是一片波浪形绿地,绿地颜色也为渐变色。1.首先,如何绘制渐变色? 已知可以绘制的渐变色有两种情况,径向渐变(Radial Gra...原创 2018-07-25 10:56:26 · 4390 阅读 · 1 评论