Angular 8中的图像映射动态调整大小

【问题标题】：Image Map dynamic resize in Angular 8Angular 8中的图像映射动态调整大小
【发布时间】：2020-01-08 16:33:29
【问题描述】：

我想动态调整图像映射的大小。我只找到了 jQuery (https://github.com/stowball/jQuery-rwdImageMaps) 的解决方案

如何在 Angular 中实现这一点？

【问题讨论】：

嘿，你找到解决方案了吗？

标签： javascript html angular typescript imagemap

【解决方案1】：

您可以使用https://github.com/davidjbradshaw/image-map-resizer 它适用于 javascript 调用：

样本

在 HTML 中：

 <img src="...." width="100%"  usemap="#usaMap" (load)="imageResized();">

在 TS 中：

declare function imageMapResize(): void;

@Component({...

})
...
imageResized() {
  imageMapResize(); // Javascript function in imageMapResizer.min.js 
}

【讨论】：

【解决方案2】：

以前的答案有效，但是，您必须将 imageMapResizer.min.js 下载到资产文件夹中。

然后，您应该将其导入 index.html 文件，如下所示：

<script src="./assets/imageMapResizer.min.js"></script>

我认为该文件应该在 angular.json 文件中导入，但它不起作用...... index.html 为我做了这个伎俩。

【讨论】：