Tag: 放大

Kinetic JS图像放大镜: 我试图遵循这个例子http://www.script-tutorials.com/html5-canvas-image-zoomer/ 我收到以下错误： Object doesn’t support property or method ‘getContext’ 这是我的脚本： stage = new Kinetic.Stage({ container: ‘container’, width: 512, height: 512 }); var layer = new Kinetic.Layer(); var imageObj = new Image(); imageObj.onload = function() { var yoda = new Kinetic.Image({ x: 0, y: 0, image: imageObj, width: 512, height: 512 }); layer.add(yoda); stage.add(layer); }; imageObj.src […]

如何防止iOS和Android中的双击缩放: 我正在使用Jquery Mobile构建一个Web应用程序，用于桌面，iPad和Android手机。我希望用户能够点击一个按钮来增加（或减少）一个值。我的代码在桌面上工作正常，但在iPad和Android上，当用户快速点击时，屏幕会缩放而不是增加值。我一直在尝试在这里实现解决方案： Safari iPad：防止双击放大（特别是Christopher Thomas提供的改进）。这是我的按钮和值的代码： 1 Click 这是我点击按钮的事件处理程序（顺便说一句 – 我认为克里斯托弗答案中的参数是错误的方式）： $(“.content”) .on(“click”,$(“#but”),function(){ var but_val = parseInt($(“#val”).text()); $(“#val”).text(but_val+1); }); …这里是nodoubletap函数： (function($) { $.fn.nodoubletapzoom = function() { if($(“html.touch”).length == 0) return; $(this).bind(‘touchstart’, function preventZoom(e){ var t2 = e.timeStamp; var t1 = $(this).data(‘lastTouch’) || t2; var dt = t2 – t1; var fingers […]

使用CSS（或jQuery）放大图像，而无需移动页面上的其他内容: 我有一组动态生成的图像（每张图像附近都有注释）。我希望显示最大宽度和最大高度为48像素的每个图像，但是当用户将鼠标hover在图像上时，它会增长到最大宽度和最大高度200像素。但是没有移动页面上的其他内容。这是生成图像的代码： $(function(){ $.getJSON(“inc/API.php”, {command : “getUserComments”, userid : getQueryStringValue(“userid”)}, function(result) { for (var i = 0; i<6; i++){ $("#divUserCommentsContent").append("”+ result[i].commentDateAndTime+” **** Comment for “+result[i].imageHeader+ “”+result[i].comment+””); } }); }); 我用2 **标记了图像。这是CSS： .userpic, .commentpic { max-height:48px; max-width:48px; border-radius:5px; z-index:1; position:relative; } .commentpic:hover { max-width: 200px; max-height: 200px; position:relative; z-index: 50; } 它会放大图像，但也会移动图像右侧和图像下方的所有其他内容。如何使用CSS（最好）或使用jQuery使图像变大，而不用移动其他所有内容？ […]