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

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

Canvas玩转图像处理

                
                liuyubobobo
            全栈工程师

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

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

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

                                                                                                                                    ￥248.00
                                            
Python3入门机器学习&nbsp;经典算法与应用&nbsp;&nbsp;
实战·初级·5940

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

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

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

全部评论问答未解决精华

慕名至此

大爱老师！

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

2018-04-29

慕仰4281033

大家加油哦

0 1-1 欢迎进入Canvas的图像世界

2018-04-23

青楼小伙计

外面的那层判断可以不需要，四层循环已经可以了

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

2018-04-03

青楼小伙计

i j 直接从0开始遍历，当blurR半径比较大的时候，越界的像素点用另一边的像素点补充，边缘就可以模糊一些了，虽然效率有点慢，哈哈哈，四层循环里面判断下x y的值就可以了
for(let k = 0; k < blurR; k++){
if( x < 0){
x += canvasb.height;
}else if(x > canvasb.height - 1){
x -= canvasb.height; }
if( y < 0){
y += canvasb.width;
}else if(y > canvasb.width - 1){
y -= canvasb.width;}
}

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

2018-04-03

qq_紫灵_0

第一个：
var imageWidth = canvas.width * scale；
var imageHeight = canvas.height * scale；
var x = (imageWidth - canvas.width) / (2*scale);
var y = (imageHeight - canvas.height)/ (2*scale);
context.drawImage( image , x , y , canvas.width/scale , canvas.height/scale , 0 , 0 , canvas.width , canvas.height )

1 2-3 Canvas基础在画布中心缩放图像

2018-03-19

qq_紫灵_0

第一种方法，只是假想扩大了，其实并没有，所以最后的坐标跟长宽还要改回去，应该是
context.drawImage( image , sx/scale , sy/scale , canvas.width/scale , canvas.height/scale , 0 , 0 , canvas.width , canvas.height )

1 2-3 Canvas基础在画布中心缩放图像

2018-03-19

NevanQin

https://www.zhihu.com/question/30262900

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

2018-03-13

Mrpanda

下载案例中的blurEffect()的blurR半径调整到30的时候，明显发现周围一圈没有被模糊，算法还有待改进。

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

2018-03-05

安然桑丶

var mousedown = false
slider.onmousedown = function () {
mousedown = true
}
slider.onmouseup = function () {
mousedown = false
}
slider.onmousemove = function () {
if (mousedown) {
scale = this.value
drawImageByScale(scale)
}
}

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

2018-02-02