圖像放大流星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

回答

相關問題