如何通過服務器推動動態更新HTML5畫布而無需重新加載頁面？

我想要做的是創建一個將顯示網絡圖的畫布。這不是一張真正的網絡地圖，但是在解釋它的時候，網絡地圖的例子最好不要讓你陷入與我的問題無關的細節中。如何通過服務器推動動態更新HTML5畫布而無需重新加載頁面？

在網絡地圖上，我想顯示流量所需的路由。這些路線會隨時間變化，有時候會每分鐘多次變化。在服務器端，我有一個日誌文件，每次更改路由時都會附加一個日誌文件。

我知道如何創建畫布，我知道如何繪製我的路線到畫布上。

是否有可能讓服務器將更新推送到畫布而不需要頁面重新加載/刷新，本質上不需要用戶交互？繪製的路線只是自動改變？

這需要在IIS上運行，因此需要基於jscript或.Net的解決方案。我將無法安裝PHP，Python，Ruby等。

在此先感謝您提供的任何見解。

來源

2011-08-31 Reality Extractor

我建議您查看一個WebSockets解決方案，將信息從服務器推送到客戶端（JavaScript）。當您收到更新時，您可以根據需要更新畫布。

技術，你應該看看，如果你的首選服務器技術是.NET會是什麼樣Pusher，誰對我的工作，我們的.NET APIs這讓您通過我們的REST API推送更新到客戶端的服務。

如果您希望託管自己的實時基礎架構，那麼您可以查看WebSync（實際上它是一種Comet技術），它與IIS集成並且還可以與XSockets集成。 this guide上還有一些您可能會感興趣的實時技術。如果您還有其他問題，請告訴我。

來源

2011-09-01 22:21:28 leggetter

是的，我以前做過這個（使用基於ajax的繪圖應用程序）。這很可能。通過AJAX（JSON或其他）發送信息包，解釋它們，並在客戶端的畫布元素上繪製它們。這是微不足道的設計（並使用像jQuery這樣的容易實現）。看來你已經發現你需要有一個服務器端腳本來將信息推送到一個網頁和一個實際在畫布上繪製東西的網頁。這基本上就是這樣。

來源

2011-08-31 19:42:10

我想你確實回答了是否有可能。我不好意思問一個過於簡單的問題。你有沒有機會鏈接到一個例子？谷歌搜索導致信息超載，但實際上並沒有達到底部。毫無疑問，所使用的搜索術語的功能。 –

服務器發送的事件：http://www.html5rocks.com/en/tutorials/eventsource/basics

（服務器發送的事件是在DOM事件的形式從服務器提供推送通知到瀏覽器客戶端技術的服務器發送的事件的EventSource API現在是。標準化爲W3C HTML5 [1]的一部分。）

來源

2013-02-12 15:17:00

如何通過服務器推動動態更新HTML5畫布而無需重新加載頁面？

回答

相關問題