如何在多個div中顯示相同的html canvas？

我正在使用twitter bootstrap在兩個單獨的選項卡中製作包含地圖（Google地圖）的網絡應用程序。我試圖找出一種方法來使用一個實際的畫布，我可以在每個標籤中顯示不同的尺寸。我能想到的最簡單的方法就是隻要有兩個地圖，每當有變化時就運行相同的更新。我不喜歡這樣做的想法。每個選項卡以稍微不同的方式使用地圖，但它應該是相同的地圖。如何在多個div中顯示相同的html canvas？

有沒有辦法將div的內容「綁定」到另一個div上？

下面是一個簡單的代碼示例來解釋我在做什麼：

<ul class="nav nav-tabs"> 
    <li><a href="#map1-content" data-toggle="tab">Map1</a></li> 
    <li><a href="#map2-content" data-toggle="tab">Map2</a></li> 
</ul> 

<div class="tab-content"> 
    <div class="tab-pane" id="map1-content">(I want to display map canvas here)</div> 
    <div class="tab-pane active" id="map2-content">(and I also want to put it here with this div's styling)</div> 
</div> 

<div id="map-canvas"></div>

來源

2013-05-10 climbak

與其在每個畫布上重複更新，您可以更新主畫布，並在完成繪圖後，將主畫布拖回到您的帶風格的畫布中。當我有更多時間時，我會向你展示一個例子。 – 2013-05-10 23:48:58

直接回答這個問題：

這是不可能的，以顯示多個div相同的HTML畫布，句號。

如果您想讓相同的地圖出現兩次，您需要實例化兩個單獨的畫布並將所有更新都運行到兩者。

來源

2013-05-10 22:58:14 roflmao

我想這可以解決這個問題。 – climbak 2013-05-13 16:35:39

嘿，很抱歉在很長一段時間之後發生錯誤......但是在過去的兩年裏，這可能會發生變化嗎？我需要在這裏做一些類似於qestioner的東西，但是將原始畫布重繪爲多個畫布的解決方案可悲地需要大量的性能...... – DragonGamer 2015-09-07 14:22:03

如何在多個div中顯示相同的html canvas？

回答

相關問題