如何動態變形產生的圖像

-1

我有一個表格，其中用戶能夠做出選擇，然後根據這些選擇的曲線圖是動態生成並顯示爲圖像。如何動態變形產生的圖像

目前我在一個jQuery的對話框顯示圖像做這個。

是否有可能把東西放在一起（理想情況下使用jQuery），以便當一個圖像正在顯示並且用戶提交另一個選擇時，第一個圖像直接變形到第二個圖像中而不顯示中間和不必要的背景視圖？

來源

2013-01-04 wurzel_gummidge

啊這是可能的：d –

這取決於你如何放在首位繪製圖像。但這並不容易 – jose

問的問題很少。（-1） - 你要麼明確要求某人給你寫這段代碼（這不是代碼請求網站），要麼你提出的問題對任何人都沒有幫助。「問：有可能嗎？答：是的 - 現在怎麼樣？」 – Joonas

您可以在對話內定位在彼此的頂部上的兩個圖像（設定位置到絕對和使用的z-index），並且當第二圖像已加載，從一個到另一個動畫阿爾法。這應該工作。

來源

2013-01-04 10:25:17 Spezi

感謝您的指針。我會將谷歌阿爾法看到這可能涉及什麼。我知道jQuery循環，並且剛剛發現它在回調和點擊觸發器之前/之後支持 - 無論這意味着什麼。 –

回調下名爲「回調」的部分看好[JQuery的週期插件 - 中級演示（部分2）]（http://jquery.malsup.com/cycle/int2.html） –

可以使用jQuery方法'淡入（）'和'fadeOut' – Spezi

感謝您指出我的jQuery方法淡入淡出和交叉淡入淡出。我看到jQuery循環插件使用下面的代碼變形2個圖像。但是我發現你的解決方案直接使用jQuery方法，所以在這方面你的解決方案可能更具吸引力。

<html> 
<head> 
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> 
    <script src="jquery.cycle.all.js"></script> 
</head> 
<body> 
<script type="text/javascript"> 
$(function() { 
    $('#crossfade').cycle(); 
}); 
</script> 
<div id="crossfade"> 
    <img src="1.jpg" /> 
    <img src="2.jpg" /> 
</div> 
</body> 
</html>

在端用於I與溶液，其在新的圖像褪色之前顯示忙消息去我的圖形應用程序。這主要是因爲我使用jpgraph庫動態生成圖像，並且我不確定如何在變體解決方案中容納這些動態創建的圖像。

來源

2013-01-04 20:12:35

對不起，如果我的意見不遵循禮儀。我仍然在學習繩索。 –

如何動態變形產生的圖像

回答

相關問題