search

RobotWebTools / ros2djs

2D Visualization Library for use with the ROS JavaScript Libraries
https://robotwebtools.github.io/ros2djs
Other
138 stars 88 forks source link

ROS2D.Zoom usage with ruler/grid for scale realization. #42

Open rahuldeo2047 opened 4 years ago

rahuldeo2047 commented 4 years ago

mouse wheel/scroll event ? I could utilize the pan view. However, the zoom is not working as I am not able to capture the mouse wheel event. both 'wheel' and 'mousewheel' event name tried with stage and canvas. I am able to capture other mouse events.

zoom ? In case the mouse wheel/scroll event is captured, how can I implement the startzoom(...) and zoom(...) methods. Any example.

ruler or grid ? After which I will need a ruler/grid alongside/on stage for scale realization as per zoom level.

map modify ? (to study about) On top of these, I will have to modify/annotate the static/dynamic map.

However, I am getting the mouse wheel event with the direct event adding to the document element. document.getElementById('map').addEventListener('wheel', ...);

Any implementation care so that pan and zoom do not interfere with each other.

Any direction towards these will help me achieve the mentioned goal.

rahuldeo2047 commented 4 years ago

Would try: https://github.com/RobotWebTools/ros2djs/blob/develop/examples/image.html#L29

zeken commented 4 years ago

https://github.com/RobotWebTools/ros2djs/pull/20/files