Shapes App

• This is a web application that allows users to create and manipulate shapes on a canvas. The application supports four shapes: circle, square, hexagon, and triangle. Users can drag and drop these shapes onto the canvas, resize them, and change their colors.

• Brave shield may cause bugs

Installation

• To run the app, clone this repository and run npm install to install the necessary dependencies. Then, run npm run serve to start the app on a local server.

Usage

• When the app is opened, a side menu will appear with four shapes that can be dragged and dropped onto the canvas. Once a shape is placed on the canvas, it can be selected by clicking on it. When a shape is selected, a color picker will appear in the side menu that allows the user to change the shape's color.

• To resize a shape, drag one of the resizing handles that appear around the shape when it is selected. To move a shape, click and drag it to the desired location on the canvas.

• To remove a shape, double-click on it.

• To download the canvas as an image, click the "Download Canvas" button in the side menu.

Built With

• Vue.js
• Vue-Konva