如何在 Nodejs 中为上传的图像添加可点击区域答案

【问题标题】：How to add clickable areas to uploaded images in Nodejs如何在 Nodejs 中为上传的图像添加可点击区域
【发布时间】：2017-12-26 13:46:31
【问题描述】：

我想添加让用户在上传照片时在选择的特定位置标记照片的功能。请问我可以使用哪个npm 包来做到这一点。我目前正在开发一个Meteor/react 应用程序，并使用CollectionFS 保存图像

【问题讨论】：

【解决方案1】：

最好的选择是使用 svg 图片。这些图像可以在文本编辑器中打开，您可以将 id 分配给不同的部分。我有一次任务是让身体的不同部分（肌肉）可点击。我使用Boxy SVG 来映射不同的肌肉并将id 分配给这些肌肉。然后只需使用 javascript 将点击事件添加到各个肌肉。

【讨论】：

我可以使用任何npm 模块来完成此任务吗？
我不知道，但是如果您要上传 svg 图片，则意味着您将检索它并在客户端上使用它。 SVG 图像就是这种格式。 <path id="sauce" fill="#f00" … /> 并且您可以执行 $('#sauce').on('click',function(){ … }); 以使该路径可点击。路径代表图像的特定部分。