慕课网

Canvas玩转图像处理

                    
                    liuyubobobo
                全栈工程师

                难度中级
            
                时长 1小时58分

最热最新

wumu_zhuangzhu 05:46
canvas图像世界
1. 处理图像，缩放、水印
2. 颜色处理
查看全部

0 采集收起来源：欢迎进入Canvas的图像世界
2024-09-30
胡晓23 00:52

1、鼠标事件：
onmousemove 事件需区分是否左键触发，获取移动位置

查看全部

0 采集收起来源：使用离屏Canvas制作放大镜效果
2022-10-09
糖果墙 06:35
```
// 图像缩放的时候水印就不在图像上面了，做个判断就行了！！！！
```
          // 绘制水印
            if (scale < 1) {
                w = dx + imageWidth;
                h = dy + imageHeight;
            }
            ctx.drawImage(watermarkCanvas, w - watermarkCanvas.width,
                                           h - watermarkCanvas.height);
查看全部

0 采集收起来源：离屏Canvas 为图片添加水印
2021-06-06
论斤烤 04:04

知乎问题：

查看全部

0 采集收起来源：Canvas 创建ImageData，感受图像之美
2020-12-26
论斤烤 03:42

生成图像效果

查看全部

0 采集收起来源：Canvas 创建ImageData，感受图像之美
2020-12-26
论斤烤 00:42

imageData.data

查看全部

0 采集收起来源：Canvas 创建属于自己的滤镜效果
2020-12-26
论斤烤 01:40

putImageData

查看全部

0 采集收起来源：getImageData 和 putImageData
2020-12-25
论斤烤 01:03

获取图像像素

查看全部

0 采集收起来源：getImageData 和 putImageData
2020-12-25
论斤烤 03:46

Canvas坐标转换

查看全部

0 采集收起来源：canvas和鼠标交互
2020-12-25
论斤烤 00:55

drawImage贴图形式

查看全部

0 采集收起来源：离屏Canvas 为图片添加水印
2020-12-24
论斤烤 00:10

drawImage三种调用方式

查看全部

0 采集收起来源：离屏Canvas 为图片添加水印
2020-12-24
论斤烤 02:24

drawImage 7参数
图像的一部分渲染到画布的一部分上

查看全部

0 采集收起来源：Canvas基础玩转drawImage的参数
2020-12-24
论斤烤 00:14

drawImage

查看全部

0 采集收起来源：Canvas基础玩转drawImage的参数
2020-12-24
论斤烤 08:14

图像绘制代码：

查看全部

0 采集收起来源：Canvas基础使用drawImage绘制图像
2020-12-23
我太难了qwq 01:28

imageData.data
四个值一组记录一个像素的rgba

查看全部

0 采集收起来源：Canvas 创建属于自己的滤镜效果
2020-10-31
我太难了qwq 02:12

getImageData(x, y, w, h)

查看全部

0 采集收起来源：getImageData 和 putImageData
2020-10-30
我太难了qwq 00:05

三种调用.

查看全部

0 采集收起来源：离屏Canvas 为图片添加水印
2020-10-24
pinzaghi 15:44

马赛克即将某一个区域全部赋值为该区域的平均值

查看全部

0 采集收起来源：Canvas 更复杂的滤镜效果
2019-12-09
pinzaghi 12:15

模糊算法即根据周围像素的平均值来赋值

查看全部

0 采集收起来源：Canvas 更复杂的滤镜效果
2019-12-09
pinzaghi 01:58

计算图像灰度的公式grey = 0.3*r+0.59*g+0.11*b

查看全部

0 采集收起来源：Canvas 更复杂的滤镜效果
2019-12-09
pinzaghi 01:01

imageData.data是一个一维数组，每四个数字是一个像素点信息

查看全部

0 采集收起来源：Canvas 创建属于自己的滤镜效果
2019-12-09
pinzaghi 01:33

putImageData可以将ImageData放回canvas中

查看全部

0 采集收起来源：getImageData 和 putImageData
2019-12-09
pinzaghi 00:55

getImageData可以获取图像的像素信息

查看全部

0 采集收起来源：getImageData 和 putImageData
2019-12-09
pinzaghi 02:39

beginPath、arc、clip依次调用可以产生圆形区域

查看全部

0 采集收起来源：离屏Canvas 使用剪辑区域优化
2019-12-09

首页上一页1 2 3 4 5 6 7 下一页尾页

0/150

提交

取消

开始学习

课程须知: 本课程是《炫丽的倒计时效果——canvas绘图和动画基础》和《canvas绘图详解》这两门课程的进一步深入。将教会大家使用canvas编写属于自己的图像算法，创建出炫丽的效果！

老师告诉你能学到什么？: 1、使用canvas将图像渲染在画布上； 2、离屏canvas； 3、使用canvas进行像素级操作。