我看的时候也觉得有问题。。。不知道是不是我的理解有问题，截取是从原图（sx,sy）截取的，思路1正确的做法我觉得应该是把canvas的宽高等比缩小后原图宽高的1/2减去缩小后的画布宽高的1/2，截取下来的部分再放在画布上(0,0,canvas.width,canvas.height)

canvas绘制的图像能实现在高清屏幕上全屏显示，分辨率小的屏幕上只显示中间部分吗

嗯，老师的代码运行起来完全没问题，头像是... 黑子 0 0  

你看一下8.jpg图片宽度和高度，还有sx和sy计算得到的值，如果图片的值小于sx和sy的值是不会显示的

用的什么软件，什么快捷键啊？可以直接生成id="scal-range"

拷贝过来也可以哈！

代码不贴出来怎么知道问题

你不要改drawImage（image，dx，dy），里面的dx和dy，，它是指图片距离canvas左上角的距离，，改大了，会溢出整个canvas的

图片处理思路是这样的：

1、用context.drawImage( img , x , y , dw , dh)方法绘制图像

2、让图像（放大或缩小后的图）的中心与画布中心重叠，即水平垂直居中——设置的top和left即为y，x。图像的大小和画布大小都已知，故很容易得到y,x。

然后context.drawImage( image , x , y , scaleImageWidth, scaleImageHeight);

你这里调用的方法是错误的！！！

context.drawImage( image , sx , sy , canvas.width , canvas.height , 0 , 0 , canvas.width , canvas.height );这句改成context.drawImage( image , sx , sy , canvas.width , canvas.height , sx , sy , canvas.width , canvas.height );

动手试试就知道了

是用手机上传的吗？是的话去看看exif.js

视频里边不是实现了吗

不小就过外扩出去

跨度给0.01  值给3

不会的  但是 优化没那么好

加不加都可以  不过分成两派  一个为了规则写 一个为了抓字节量不写

没有什么问题呢

估计是兼容性问题

不会的，你把全部代码粘贴上来看看