Canvas pixels panel(zoom,move,select) using (js or vue)

I am seeking a highly skilled JavaScript (or VUE) developer to contribute to a project focused on advanced canvas manipulation for colored pixels. This project requires a developer with expertise in JavaScript, particularly in the context of canvas rendering. The primary tasks involve the implementation of critical functionalities such as canvas zooming, panning, and pixel selection. If you are a proficient JavaScript developer with a keen eye for pixel-perfect precision, we encourage you to reach out and collaborate with us.

**Requirements:**

- Proficiency in JavaScript is a must.

- Experience with canvas manipulation and pixel manipulation

- Strong knowledge of CSS is essential.

- Experience with VUE is preferred but not mandatory.

**Project Overview:**

**Function 1: Canvas Control**

The primary function of this project revolves around controlling the canvas with precision. There are two key aspects:

1. **Panning:** Users should be able to seamlessly move the canvas in any direction using their mouse.

2. **Zooming:** Users should have the ability to zoom in and out of the canvas. The zoom should be centered around the mouse position, allowing for precise control.

For a demonstration of the desired functionality, you can refer to this example:

[Canvas Control Example]([login to view URL])

**Function 2: Selection**

The second main function of the project involves selecting specific areas on the canvas. This functionality is essential for pixel manipulation .

The selection must be on pixels ethier the canvas zoomed or not

The selection must be on pixels ethier the canvas moved or not

The only thing that required from selection to know the indexes of selected pixels

If you possess the required skills and are excited about contributing to a project that demands pixel-perfect precision, please get in touch with us. We look forward to collaborating with you to bring this exciting project to life.

For a demonstration of the desired functionality, you can refer to this example:

[Photo for Canvas Selection Example]

Notes:

should use canvas for manipulate pixels

should use pure js and css in code

The canvas size must be dynamic

Should use Uint8ClampedArray() for fill canvas pixels

CSS HTML JavaScript Vue.js Framework

ID проекта: #37189788

О проекте