流星图像放大 android cordova

Question

我正在使用 Meteor 为 Android 构建一个聊天应用程序。我已经包含 "Add Image" 使用 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">

Answer 1

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

在 JavaScript 中有很多使用触摸的方法，但如果您没有使用它们的经验，它们可能会很困难。

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

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

流星图像放大 android cordova

image zoom in meteor android cordova

image

zooming

cordova

meteor