web图片上怎么根据逻辑结果显示提示信息

一个生产线需要在一个图片不同位置显示不同的文本指示信息。
需要显示的文本指示信息，总个数在180个左右。
这180个根据逻辑结果控制哪些显示哪些不显示。
在HTML中通过div和img写位置实在难写了。文本框和标记点之间连线也不好画

图片中是类似要做到的效果

img

试试用canvas呢？