Image 流星机器人cordova中的图像放大
我正在使用Meteor为Android构建一个聊天应用程序。我已经包括“添加图像”选项使用科尔多瓦相机插件。现在,在上传图像并被用户看到后,我想点击它并放大它。如何进行 以下是我的图像渲染代码:Image 流星机器人cordova中的图像放大,image,cordova,meteor,zooming,Image,Cordova,Meteor,Zooming,我正在使用Meteor为Android构建一个聊天应用程序。我已经包括“添加图像”选项使用科尔多瓦相机插件。现在,在上传图像并被用户看到后,我想点击它并放大它。如何进行 以下是我的图像渲染代码: 我尝试使用inno:zoom包,但没有成功。有什么见解吗 在html头部,我有以下代码: <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=dev
我尝试使用inno:zoom
包,但没有成功。有什么见解吗
在html头部,我有以下代码:
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=1">
<link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
我建议使用触摸库,如Hammerjs: 在JavaScript中使用touch有很多方法,但是如果您没有使用这些方法的经验,它们可能会很困难 您可能必须将上载的图像放入其自己的模板中,并使用反应变量重新初始化图像元素,以执行缩放功能。您已经尝试过的软件包也可能是这样
如果您能分享更多的代码示例,我(或其他人)可能会给出更具体的答案。谢谢您的回复。我现在将尝试在自己的模板中上传图像。更新问题并显示更多代码好的,所以我现在使用一个新模板来显示图像。也应用了inno软件包,但它仍然不可缩放。这可能是一根乱发,但如果您将
元素的宽度从100%减少到50%,该怎么办?查看inno:zoom的源代码,如果元素的宽度大于(100vw-80px*2),则似乎zoom
函数正在返回。嗯,该死。也许你应该在你的问题上多加一点信息。例如,哪些帮助程序正在向模板提供数据?涉及哪些事件?您当前使用的CSS是什么?尝试缩放时是否有任何控制台/javascript错误?您必须使用inno:zoom吗?还是要打开另一个库?人们只能根据您提供的内容进行猜测。使用hammer.js解决