我正在使用hammer.js在一个宠物项目上实现一些触摸屏功能。
所需的产品是一个地图,可以被拖动和缩放与触摸屏。我让它起作用了,一切都很好,除了针尖/弹孔装置非常非常慢。在夹点发生时和事件发生之间有一个非常明显的延迟。
下面是相关的JQuery/JS代码:
编辑:按照Simon的建议,代码现在更好(更快)了。这是成品
$(document).ready(function(){
//Function which simulates zoom on the map on pinchin/pinchout
$('#map').hammer()
.on("pi
我正在制作一个带有平面图的响应式页面(交互式SVG)。当图像调整到视区时,它在移动电话上会太小。所以我希望图像的高度是视口的高度,这样宽度就会溢出。
我认为SVG应该加载到iframe中,因为我使用的是内容管理系统(concrete5)。
我尝试了很多东西,比如zoomooz插件和zynga滚动条。但它们都干扰了SVG的交互性。
我考虑过使viewport user-scalable="yes",但这不是一个好的解决方案,而且它与我页面上的全屏覆盖相冲突。
// USED ON TEMPLATE PAGE TO RESIZE IFRAME TO DIV (VIEWPORT