大佬教程收集整理的这篇文章主要介绍了javascript – Jquery放大和缩小工作与混蛋而不是平滑,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
<script language="javascript"> var timeout,clicker = $('#zoomin'),clicker2 = $('#zoomout'); clicker.mousedown(function() { timeout = seTinterval(function() { var wd = $("#canvas").width(); var ht = $("#canvas").height(); wd = parseInt(wd) + 250; ht = parseInt(ht) + 250; $("#canvas").animate({ width: wd,height: ht }); var ctx = canvas.getContext("2d"); ctx.drawImage(BACkgroundImage,wd - 1,ht - 1); ctx.drawImage(outlineImage,ht - 1); redraw(); },500); return false; }); clicker2.mousedown(function() { timeout = seTinterval(function() { var wd = $("#canvas").width(); var ht = $("#canvas").height(); wd = parseInt(wd) - 250; ht = parseInt(ht) - 250; if (wd < 500) { return false; } $("#canvas").animate({ width: wd,500); return false; }); $(document).mouseup(function() { clearInterval(timeout); return false; }); $("#zoomout").mousedown(function() { var wd = $("#canvas").width(); var ht = $("#canvas").height(); wd = parseInt(wd) - 250; ht = parseInt(ht) - 250; if (wd < 500) { return false; } $("#canvas").animate({ width: wd,height: ht }); var ctx = canvas.getContext("2d"); ctx.drawImage(BACkgroundImage,ht - 1); ctx.drawImage(outlineImage,ht - 1); redraw(); console.log(wd + ":" + ht); }); $("#zoomin").click(function() { var wd = $("#canvas").width(); var ht = $("#canvas").height(); wd = parseInt(wd) + 250; ht = parseInt(ht) + 250; $("#canvas").animate({ width: wd,ht - 1); redraw(); console.log(wd + ":" + ht); }); $("#zoomout").click(function() { var wd = $("#canvas").width(); var ht = $("#canvas").height(); wd = parseInt(wd) - 250; ht = parseInt(ht) - 250; if (wd < 500) { return false; } $("#canvas").animate({ width: wd,ht - 1); redraw(); console.log(wd + ":" + ht); }); </script>
以上是大佬教程为你收集整理的javascript – Jquery放大和缩小工作与混蛋而不是平滑全部内容,希望文章能够帮你解决javascript – Jquery放大和缩小工作与混蛋而不是平滑所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。