如何为图像中的多个产品添加悬停工具提示和添加到购物车选项

Question

例如，创建摩托车图像的最佳方法是什么，并为悬停在其上的每个零件显示工具提示和添加到购物车选项？

Answer 1

HTML5 Canvas可能适合您的需求，但这需要在Javascript中进行大量计算。

检查坐标： http://www.html5canvastutorials.com/advanced/html5-canvas-mouse-coordinates/

如何绘制图像： http://www.html5canvastutorials.com/tutorials/html5-canvas-images/

之后，您可以使用鼠标的X-Y坐标进行悬停检查，以确定要显示的弹出窗口。