drawingboard | 高级画板—自由绘、直/虚线、箭头、所有几何图形

The following code caused useEffect() to be called infinitely. Why is that the case? Removing drawingboarditems from the useEffect dependencies array solves the infinite loop, but as a result DrawingBoard will not automatically rerender whenenver a user adds an item to the database.

DrawingBoard.jsx

I am new to android and I am a bit stuck. I am trying to create a simple drawing app which shows an example on the top of the page and a square space for it in below it. Aim is to display a letter and a kid needs to practice in replicating it.

I have troubles including the drawing class in the layout which needs to restrict its boundaries.

this is the main layout

My GUI consists of a Diagram class which extends JFrame. I've created a different class called DrawingTool which extends JComponent. The DrawingTool class is like a canvas area for users to drop and drag shapes. I've also added a button panel at the bottom of the JFrame for the users to click various buttons to choose their desired shape and control actions. I've added the button panel and an instance of the DrawingTool class to the Diagram class. How do I make the canvas area (DrawingTool) scrollable? The way I have attempted it is not working, I know I am missing something.

Here is the Diagram class:

In my program a JPanel component which is operated by listener using KeyBindings (changed that from KeyListeners already after reading about issues with focusing) is added to a JFrame. Task of this app is to simply move drawn figure around using arrow keys. This works perfectly until i add another component before drawing board (JPanel with three buttons). I tested both Keybindings and KeyListener and both methods have the same issue. If I add components after drawing board keybindings starts to work again.

Here is my UI class where i add components.

I wanted to perform a Task in the background which involves changing UI state, and the task will start executing after the MainPage has loaded.

So I tried to use CoreDispatcher in the Loaded event handler like this:

I am new to swing and I am currently trying to make a drawing program. This is what I have so far.

Here is the main class:

The program is supposed to draw circles at the points where the user clicks. At the moment, it only draws 5 circles. I would like to know, how to modify this piece of code so that it can draw circles without restrictions. Consider a scenario where i do not know about the number of circles i am supposed to draw. Here goes my code:

public class DrawingBoard {

I am working with canvas, right now I can save into DB and I can change the background image to one I choose of a image list.

My problem is when I tried to save the canvas with the background the saved image just show me the draw but doesn't the image background...can somebody help me with this?

Best Regards!

Here the code: