为了账号安全,请及时绑定邮箱和手机立即绑定
移动端使用性能差?别逗我,老师确实开算法课了,已经买了支持老师了,真的很好
老师讲的真好!学以致用了!谢谢!
建议去找学电子信息的数字图像处理这本书去看看各种关于图像处理的算法
这代码明显有问题,一模一样打出来都会出错
按照视频讲解制作水印,为什么第二个canvas不能显示出来文字
六层循环浏览器不能运行啊,太考验电脑了

已采纳回答 / m慕光
这是正常的,因为根据代码最边上的像素没有被遍历到,也就是没有做处理,人眼的注意力一般集中在图片中心,所以对实际效果影响不大。
我觉得应该这样写吧,第一种方法
var imageWidth = canvas.width / Math.sqrt(scale);
var imageHeight = canvas.height / Math.sqrt(scale);
var sx = (canvas.width-imageWidth)/2;
var sy = (canvas.height-imageHeight)/2;
context.drawImage(image,sx,sy,imageWidth,imageHeight,0,0,canvas.width,canvas.height);
太棒了,课程很详细,很易学,免费开源。
我怎么听第一种方法怎么也听不懂呢?
原图应该按image.width和image.height来设置,目标画布大小按imagewidth,和imageheight来设置,具体怎么解释我也解释不好,反正我是试出来了。
ps:第二种方法是没问题的。
function drawImageByScale(scale){
var imagewidth=600*scale;
var imageheight=400*scale;
var Sx=imagewidth/2-canvas.width/2;
var Sy=imageheight/2-canvas.height/2;
context.drawImage(image,Sx,Sy,image.width,image.height,0,0,imagewidth,imageheight);
}
这样就对了。
cantext.drawImage(image,sx,sy,canvas.width,canvas.height,0,0,canvas.width,canvas.height)
是不对的。
课程须知
本课程是《炫丽的倒计时效果——canvas绘图和动画基础》和《canvas绘图详解》这两门课程的进一步深入。将教会大家使用canvas编写属于自己的图像算法,创建出炫丽的效果!
老师告诉你能学到什么?
1、使用canvas将图像渲染在画布上; 2、离屏canvas; 3、使用canvas进行像素级操作。

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消