2012-10-03 27 views
0

我真的需要通過javascript生成圖像地圖區域的座標。出於某種原因,Chrome和Safari無法正確映射它。這是我在一個簡單的方法代碼:Chrome和Safari動態地圖區域座標問題

dynamicMapping('#targetMap', [360,288,470,180,880,180,980,288]); 

function dynamicMapping(targetMap, coordinates){ 

    var coords = ''; 

    for(i=0; i<coordinates.length; i++){ 
    coords += (coordinates[i]+',');  
    } 

    $(targetMap).attr("coords", coords); 
} 

的座標應該畫一個梯形,其在Firefox的偉大工程,但它未能借鑑Chrome和Safari瀏覽器的第一個點。如果我在HTML中輸入座標,一切都很完美,但是通過JavaScript形成理由使得Webkit錯過了導致三角形而不是梯形的座標的第一個點。有人知道如何處理這個問題嗎?

在此先感謝

+0

使用'coordinates.join(「」)'加入元素融入一個逗號分隔的列表。它甚至可能修復你的代碼。 – Blender

+0

@Blender是的,這固定了我的代碼,儘管在逗號後面沒有多餘的空格(',')。你可以請發表這個答案,以便我可以選擇它嗎? –

回答

0

Chrome瀏覽器可能不正確地分析你的coords字符串。您的密碼將返回1, 2, 3,,但Chrome預計爲1, 2, 3

嘗試使用Array.join()構造屬性的值:

$('#targetMap').attr('coords', [360,288,470,180,880,180,980,288].join(', ')); 
相關問題