![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
canvas
梧桐深院
这个作者很懒,什么都没留下…
展开
-
html5 Canvas马赛克效果的实现原理与撤销操作
我们的世界因五彩缤纷的颜色而美丽,彩色照片也是因为有多种颜色而变得漂亮。如果把一张照片的颜色都换成同一种颜色,那么这照片也不能称之为照片了,而是涂了颜色的板。如果把照片的局部区域的多个像素换成同一种颜色,那么照片就会变得模糊不清,这就是马赛克的原理。这个变换的过程当然需要一个成熟的算法,效果才会显得自然。撤销每一次操作完毕后,都存一个快照,每执一次撤销操作,就取出上一个快照进行恢复。...原创 2021-04-23 22:59:43 · 296 阅读 · 0 评论 -
html5 Canvas 图片灰度处理
图片灰度处理有什么用?1 在摄影中呈现一种老照片的效果2 在计算机计算时,比如相似图片搜索,灰度就够了,彩色照片信息量太大,不利于计算。有时候灰度还不够,甚至用二值照片,即所有像素转换为非黑即白。ocr识别时,也会对图片进行灰度处理。当然,在上述应用场景中,也不一定会用canvas处理,甚至一定不会用canvas处理, 但是,canvas确实可以实现图片的灰度处理。实现思路1、先用drawImage()把图片画到canvas上2、再利用getImageData()获取图片的像素信息,求出r g原创 2021-04-23 22:01:48 · 613 阅读 · 0 评论