为了账号安全,请及时绑定邮箱和手机立即绑定
单纯的刷新还是会报错的,必须关掉网页重新打开
补充一下,光使用图片链接还不够。
还得加上这一句,img.crossOrigin = "Anonymous";
并且得把你之前打开的网页关掉再重新打开才可以。
出现下面这种情况的同学,图片的地址必须是从网上的图片才可以,例如http://example.com/image,本地图片就会抛出这种错误。
Uncaught SecurityError: Failed to execute 'getImageData' on 'CanvasRenderingContext2D': The canvas has been tainted by cross-origin data.
直接在原img上绘制放大镜也可以,不用再写一个canvas标签。
为什么不把mousemove写在mousedown函数里面呢?
弄成setInterval貌似也可以
canvas的功能深不可测!

最新回答 / 莱勒
你不要改drawImage(image,dx,dy),里面的dx和dy,,它是指图片距离canvas左上角的距离,,改大了,会溢出整个canvas的
我觉得用offsetX 和offsetY 会好些吧 canvas.getBoundingClientRect() 里面,left 和.top 是指当前页面显示部分离文档最上端或左端的距离
波总太酷了.哈哈
波总V5, 每次出的课都是精品!!
开个算法课吧,老师~~~

最赞回答 / qq_月光_2
图片处理思路是这样的:1、用context.drawImage( img , x , y , dw , dh)方法绘制图像2、让图像(放大或缩小后的图)的中心与画布中心重叠,即水平垂直居中——设置的top和left即为y,x。图像的大小和画布大小都已知,故很容易得到y,x。然后context.drawImage( image , x , y , scaleImageWidth, scaleImageHeight);你这里调用的方法是错误的!!!
课程须知
本课程是《炫丽的倒计时效果——canvas绘图和动画基础》和《canvas绘图详解》这两门课程的进一步深入。将教会大家使用canvas编写属于自己的图像算法,创建出炫丽的效果!
老师告诉你能学到什么?
1、使用canvas将图像渲染在画布上; 2、离屏canvas; 3、使用canvas进行像素级操作。

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消