图像放大流星android cordova

我正在构建一个使用Meteor for Android的聊天应用程序。我已经使用cordova相机插件包含了“添加图像”选项。现在，在图像上传并被用户看到后，我想点击它并放大。如何进行？图像放大流星android cordova

这里是我的图像渲染代码：

<div class="message"> 
    <img src="{{t.img}}" 
     data-action="zoom" 
     class="showImage" 
    > 
</div>

我使用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">

来源

2017-10-06 user3807691

我建议使用触摸库如Hammerjs：http://hammerjs.github.io/

有很多的方式触摸工作JavaScript，但如果你没有经历过它们，它们可能会很困难。

您可能必须将上传的图像放在其自己的模板中，并使用反应变量重新初始化图像元素以制定缩放功能。这可能也适用于您已经尝试过的软件包。

如果您可以分享更多的代码示例，我（或其他人）可能会给出更具体的答案。

来源

2017-10-09 04:26:16

感谢您的回复。我现在尝试上传图片到自己的模板中。更新问题并显示更多代码 – user3807691

好吧，我现在使用一个新模板来显示图片。也应用了inno包，但仍然不可缩放 – user3807691

这可能是一头狂野的头发，但如果将''元素的宽度从100％减少到50％，会怎样？查看inno：zoom的源代码，如果元素宽于（100vw-80px * 2），看起来像'zoom'函数正在返回。 https://github.com/spinningarrow/zoom-vanilla.js/blob/gh-pages/js/zoom-vanilla.js –

图像放大流星android cordova

回答

相关问题