javascript - 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 错过坐标的第一个点，从而导致三角形而不是梯形。有谁知道如何处理这个？

提前致谢

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(', '));