We need a template for printing A4 size files, Use html CSS JS to make a functional web page:

css:
1. Responsive Web Design, different Media Will present a different interface

2. The webpage consists of 3 parts
A=Main content
Main content box must be fully displayed on the screen in A4 scale

B,C=print button,background button
Not displayed when printing
Display when required or The remaining space 2 buttons each occupy 50%

3 Main content box css:
1=txt input box
user can input the txt, can modify the text color, zoom in, zoom out, rotate and move

2=background img box:
Select the background image by the background button and display it in the background img box, you can zoom in, zoom out, rotate and move

3,4,5= img square box:
Any pictures of 3 squares, we will change to other pictures later

js:

4. Main content box js:
1=txt input box
user can input the txt, can modify the text color, zoom in, zoom out, rotate and move

2=background img box:
Select the background image by the background button and display it in the background img box, you can zoom in, zoom out, rotate and move

5. b=print button:
Not displayed when printing
Click this button to print the entire Main content box A4 size

6. c=background button:
Not displayed when printing
Select the background image and display it in the background img box,