Canvas玩转图像处理_技术问答

首页免费课 Canvas玩转图像处理问答

Canvas玩转图像处理

                
                liuyubobobo
            全栈工程师

                    查看讲师更多课程 
                    liuyubobobo讲师的其他课程
                
算法与数据结构（C++版） 面试/评级的算法复习技能包
实战·初级·11186

                                                                                                                                    ￥166.00
                                            
玩转算法面试-- Leetcode真题分门别类讲解
实战·初级·7408

                                                                                                                                    ￥266.00
                                            
 7个经典应用诠释Java算法精髓
实战·初级·1883

                                                                                                                                    ￥69.00
                                            
Python3入门机器学习&nbsp;经典算法与应用&nbsp;&nbsp;
实战·中级·5839

                                                                                                                                    ￥499.00
                                            
结合编程学数学 专为程序员设计的线性代数
实战·初级·3404

                                                                                                                                    ￥348.00
                                            
玩转算法系列--图论精讲（Java版）
实战·中级·1591

                                                                                                                                    ￥348.00
                                            
                难度中级
            
                时长 1小时58分
            
                学习人数
            
综合评分9.73
                            102人评价
                        查看评价
                                9.9
                                内容实用
                            
                                9.6
                                简洁易懂
                            
                                9.7
                                逻辑清晰

全部评论问答未解决精华

歪嘴的肖恩

在chrome下会发生错误
Uncaught SecurityError: Failed to execute 'getImageData' on 'CanvasRenderingContext2D': The canvas has been tainted by cross-origin data.
大概意思就是发生了跨域操作，也就是指图片的来源和当前的网页来源不同时，造成了跨域，据说放到服务器上加载就会解决这个问题，但是firefox却没问题，具体原理我也不懂，老师的代码放到了本地模拟的服务器环境可以顺利运行，出错的同学应该是和我一样直接加载到浏览器运行的

6 4-1 getImageData 和 putImageData

2016-04-22

quanter

老师您好，我觉得您教程里关于imageData.data 到像素的转换是错误的.
您教程里说 i行 j列的像素点是 p=i*canvas.width + j;
实际应该是 p=j*canvas.width + i;

因为像素到数组的填充顺序是从左到右，从上到下的。

2 4-2 Canvas 创建属于自己的滤镜效果

2016-04-22

学吧_0002

不错，赞赞赞

0 4-4 Canvas 创建ImageData，感受图像之美

2016-04-21

歪嘴的肖恩

我提一个问题，能不能把圆圈的边框颜色换为所点击的像素点的颜色，这样就更酷啦，求实现

2 3-4 离屏Canvas 使用剪辑区域优化

2016-04-21

小风哥

这个比例应该是两个scaleX,scaleY，不然放大镜比例不对，scaleX = offCanvas.width/canvas.width;scaleY = offCanvas.height/canvas.height;

0 3-3 使用离屏Canvas制作放大镜效果

2016-04-16

qq_微笑向暖_1

四层循环，卡的不要不要的

5 4-3 Canvas 更复杂的滤镜效果

2016-04-15

qq_微笑向暖_1

chrome不行，用了firfox才行。

0 4-1 getImageData 和 putImageData

2016-04-14

Caihong_deng

图片缩小水印可能会出现不在图片上的情况，怎么解决

5 3-1 离屏Canvas 为图片添加水印

2016-04-09

Caihong_deng

图片缩小水印可能会出现不在图片上的情况，怎么解决

0 3-3 使用离屏Canvas制作放大镜效果

2016-04-09

为什么这段代码在chrome里显示异常？

已采纳回答 / 小风哥

我想说我把图片路径换了就行了你信么

2 回答 1863 浏览 3-4 离屏Canvas 使用剪辑区域优化

2016-04-09

谈笑泯过往丶

把速度变成两倍播放视频真的是特别的 cool....

0 2-4 Canvas基础使用滑杆交互

2016-04-05

criss_lai

老师你这里写错了吧，应该是for(var i = 0; i < canvasa.width * canvasa.height; i++) ，你写的是canvasb, 这个例子里面，两个画布大小一致所以理解上不会发现问题。不过也许我理解的不对，如果是目标画布很小，那就没有必要所有都处理一遍，减少计算机工作量也是应该的，但是老师，你是这么想的吗？我很好奇。

0 4-2 Canvas 创建属于自己的滤镜效果

2016-03-28