Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/image/5.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Image 流星机器人cordova中的图像放大_Image_Cordova_Meteor_Zooming - Fatal编程技术网

Image 流星机器人cordova中的图像放大

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

我正在使用Meteor为Android构建一个聊天应用程序。我已经包括“添加图像”选项使用科尔多瓦相机插件。现在,在上传图像并被用户看到后,我想点击它并放大它。如何进行

以下是我的图像渲染代码:


我尝试使用
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解决