jquery - 使用 Jquery 缩放图像映射

Question

所以我遇到了这个问题。我是编程新手，请记住这一点。

我正在尝试做的事情:使用 JQUERY 在图像映射中缩放一些值。

我的想法:图像以其完整宽度包裹。这意味着它是 100%。因此，如果我采用该数字，然后采用查看器使用的宽度，我可以乘以坐标上的值以始终在轨道上。

一些笔记 (#mapa 是我正在使用的图像映射，#content 是我用作 div 的通用容器，用于将所有内容放在一起。515 是图像自然宽度的值。) 我做了什么但没有用:

var width = $('#content').width();
var exp = width * 515;
var mul = exp / 100; //I would do all in one line, but I'm always afraid I mess up.

$("area").each(function() {
var pairs = $(this).attr("coords").split(', ');
for (var i=0; i < pairs.length; i++) {
    pairs[i] = pairs[i] * mul;
    }
$(this).html('coords', pairs.join);
});

所以...有什么建议/建议/插件吗？ 提前致谢。

Answer 1

$(this).html('coords', pairs.join);

应该是

$(this).attr('coords', pairs.join(','));