There is input for numbers, below it is an axis picture. How to attach points to this picture through javascript so that those that correspond to the entered number appear? I would like to understand how, through what functions, to do it in general, without being tied to a specific picture.

  • "There is ... a picture of the axis" - what this means - only you know. - Igor
  • Since the question is common - I will give general advice. Use canvas. - Stepan Kasyanenko

1 answer 1

in image.onload you know the size of the image. At the same time, you wrap the picture, for example, in <div style="position:relative"> . Further, when entering values, put a period in the form of, for example, the same <div style="position:absolute;left:inputvaluex;top:inputvaluey"> . You can do the same with the map,canvas,svg tag map,canvas,svg depending on the task.