canvas做图像的放大效果设置

Question

做一个图片的放大效果,我在点击图片的时候就将这个图片整个放大,就像微信的放大图片的效果,但是首先就是

1,图片不能居中显示

2,图片的大小不能按照我设置的大小格式来显示

3,如果只是单纯的放大,模糊情况还好,但是如果按照自定义的格式,模糊情况就很严重

是我设置的问题?

这是canvas代码:

$("#projectImgCanvasDiv").css("width",screen.width);
$("#projectImgCanvasDiv").css("height",screen.height);

$("#projectImgCanvas").css("width",screen.width);
$("#projectImgCanvas").css("height",screen.height);

enterCanvasContext.drawImage(this,0,0,screen.width,screen.height);
(projectImgCanvasDiv是遮罩层,projectImgCanvas是canvas对象,screen.width这是屏幕宽,screen.heigh是屏幕高度).求高手指教指教....

Answer 1

楼主是说在中浏览器放大效果问题吗？

Answer 2

就一个放大功能需要用canvas吗？？？

Answer 3

你给的链接,正好可以给我做绘制图形的参考,而我要放大的效果,已经自己解决了,就是因为放大的效果不是我要求的,所以才会问.

Answer 4

在手机上,如果像全屏放大,我就没有用到screen.height,width.应该用window.height来设置宽高,这样就不会是放大的图片有缺失或者不达效果了,另外canvas要设置left:0;不然图片就会往右移一个像素,这是在手机上浏览的情况.