Getting Mouse Position using RxJS

Introduction

This will be a short post just to demo some basic event capturing using RxJS.

Requirement

We want to capture mouse coordinates on the screen and use those values to move a shape around. You can use it for other effects as fit for your requirements.

Code

HTML

First lets define a draw a circle on web-page using following markup and CSS

and the output is as follows

Summary

This was a simple and short example of RxJS usage. Till next time, Happy Coding.