commit 4a6544fbe4290973562c6895d17fc1e5f54a5adc Author: ryanwong Date: Tue Apr 12 09:04:07 2022 -0400 first commit diff --git a/README.md b/README.md new file mode 100644 index 0000000..a9adbe5 --- /dev/null +++ b/README.md @@ -0,0 +1,8 @@ +# frontend_task_2 + +1. Read http://fabricjs.com/articles/ +2. Look at Background page image. Make this page using fabricjs. We dont need icon above the menu names. Choose 10 random default colors. If color clicked, the canvas color changes to it. Clicking on download button down the canvas. +3. Look at text page image. Clicking on text menu open the left menu to add an h1 tag, h6 tag or paragraph tag. Clicking one of these add the default text in center of canvas. Clicking on default text can edit. You can move the text around. The 60 dropdown is to set the font size. The trash icon is to delete the text +4. Look at image page image. You will call https://picsum.photos/v2/list with ajax to load images on left panel. Clicking on an image in left panel put the image in center of canvas. Clicking on trash icon will delete the image +4. Need to be done by end of day +5. Deploy code to github pages so Client can see it diff --git a/background page.png b/background page.png new file mode 100644 index 0000000..b04b794 Binary files /dev/null and b/background page.png differ diff --git a/image page.png b/image page.png new file mode 100644 index 0000000..5001427 Binary files /dev/null and b/image page.png differ diff --git a/shape page.png b/shape page.png new file mode 100644 index 0000000..f237fc6 Binary files /dev/null and b/shape page.png differ diff --git a/text page.png b/text page.png new file mode 100644 index 0000000..53882ac Binary files /dev/null and b/text page.png differ