Chrome和Safari会动态地映射地图区域坐标

Question

我真的需要通过javascript生成图像地图区域的坐标。由于某些原因，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错过了coords的第一个点，导致三角形而不是梯形。有人知道怎么处理这个吗？

提前致谢

Answer 1

Chrome可能无法正确解析您的coords字符串。您的代码会返回1, 2, 3,，但Chrome需要1, 2, 3。

尝试使用Array.join()构建属性的值：

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