精易论坛

标题: canvas 放大镜 [打印本页]

作者: 宿海仁太 时间: 2015-10-17 14:53
标题: canvas 放大镜
var canvas = document.getElementById('canvas');
var context = canvas.getContext('2d');
var image = new Image();
var r = document.getElementById('r');
window.onload=function(){
     canvas.width=800;
     canvas.height=800;
     image.src="demo.jpg";
     image.onload=function(){
        draw_Image(r.value);
        r.onmousemove=function(){
r_val=r.value;
draw_Image(r_val);
}
     }
}

function draw_Image(i){
var i_width = canvas.width * i;
var i_height = canvas.height * i;
var x = canvas.width / 2 - i_width / 2;
var y = canvas.height / 2 - i_height / 2;
context.clearRect(0,0,canvas.width,canvas.height);
context.drawImage(image,x,y,i_width,i_height);

}

谢谢支持

anohana.rar

309.21 KB, 下载次数: 16, 下载积分: 精币 -2 枚

作者: 日渐消瘦 时间: 2015-10-17 15:11

竟然没有精币奖励

作者: 默念、 时间: 2015-10-17 15:12
虽然我不懂但是好牛x的感觉

作者: 壩火柴 时间: 2015-10-17 18:34
版主贼扣？反驳我？精币砸死我你敢吗？
顶一下啊。

作者: 沈远 时间: 2023-3-21 15:33
以后有啊啊

欢迎光临精易论坛 (https://125.confly.eu.org/)