js动态改变图片热区坐标，手机端图片热区自适应

要实现图片热区的自适应，可以使用一些响应式设计的思想。具体来说，可以使用百分比单位来定义热区的坐标，这样随着图片大小的变化，热区的位置也会自动调整。

同时，如果要动态改变图片热区的坐标，可以通过JavaScript来实现。首先，需要获取到热区的坐标信息，可以使用HTML中的map和area标签来定义热区，并通过JavaScript获取对应的area元素。然后，可以使用JavaScript修改area元素的坐标信息，从而改变热区的位置。

下面是一个使用jQuery实现的示例代码：

// 获取热区元素
var area = $('area')[0];

// 获取图片宽度和高度
var img = $('img')[0];
var imgWidth = img.width;
var imgHeight = img.height;

// 修改热区坐标
area.coords = 'x1,y1,x2,y2'.replace(/x1/g, imgWidth * 0.1)
                           .replace(/y1/g, imgHeight * 0.1)
                           .replace(/x2/g, imgWidth * 0.9)
                           .replace(/y2/g, imgHeight * 0.9);

这个示例代码中，我们使用了图片宽度和高度来计算热区的坐标，然后通过replace方法来替换掉area元素的coords属性值。这样就可以实现动态修改图片热区的坐标，并且能够自适应手机端的显示。