From 04abde848031531e8a363894cb06801c3a9e4be1 Mon Sep 17 00:00:00 2001 From: Santhosh Sudhaan N G Date: Sun, 20 Oct 2024 10:47:06 +0530 Subject: [PATCH] Add tutorials page --- about-us.html | 1 + index.html | 3 + testimonial.html | 3 + tutorial.html | 205 +++++++++++++++++++++++++++++++++++++++++++++++ 4 files changed, 212 insertions(+) create mode 100644 tutorial.html diff --git a/about-us.html b/about-us.html index 33fd44e..8496c40 100644 --- a/about-us.html +++ b/about-us.html @@ -146,6 +146,7 @@

Canvas

Home About Privacy + Tutorial Blogs Draw Contributors diff --git a/index.html b/index.html index 2fab4c7..ea41ce0 100644 --- a/index.html +++ b/index.html @@ -717,6 +717,9 @@

Privacy +
  • + Tutorial +
  • Blog
    • diff --git a/testimonial.html b/testimonial.html index 7c4c5bc..3585225 100644 --- a/testimonial.html +++ b/testimonial.html @@ -195,6 +195,9 @@
  • Testimonial
    • +
  • + Tutorial +
  • Privacy
    • diff --git a/tutorial.html b/tutorial.html new file mode 100644 index 0000000..ed6ae72 --- /dev/null +++ b/tutorial.html @@ -0,0 +1,205 @@ + + + + + + Canvas Editor Tutorial + + + + + +
    +

    Canvas Editor Tutorial

    + +
    +

    1. Basic Drawing Tools

    +

    The Canvas Editor provides three main drawing tools:

    + Brush + Clear Canvas + Eraser +
      +
    • Brush: Use this to draw freely on the canvas.
      • +
    • Clear Canvas: Removes all content from the canvas.
      • +
    • Eraser: Removes specific parts of your drawing.
      • +
    +
    + +
    +

    2. Brush Customization

    +

    Customize your brush with these options:

    +
      +
    • Brush Size: Adjust the thickness of your brush strokes.
      • +
    • Color: Choose any color for your brush from the color picker.
      • +
    +
    + +
    +

    3. Text Styling

    +

    Add and style text with these options:

    + Uppercase + Lowercase + Bold + Italic +

    Use these buttons to change the case or emphasis of your text.

    +
    + +
    +

    4. Shape Tools

    +

    Create perfect shapes easily:

    + Rectangle + Circle + Line +

    Select a shape tool, then click and drag on the canvas to draw.

    +
    + +
    +

    5. Background Options

    +

    Customize your canvas background:

    +
      +
    • Background Image: Upload an image to use as your canvas background.
      • +
    • Background Color: Choose a solid color for your canvas background.
      • +
    +
    + +
    +

    6. Saving Your Work

    +

    When you're done, save your masterpiece:

    + Save + Clear + Download + Save Image +
      +
    • Save: Store your work for later editing.
      • +
    • Clear: Start over with a blank canvas.
      • +
    • Download: Save your work to your device.
      • +
    • Save Image: Export your canvas as an image file.
      • +
    +
    +
    +

    Ready to unleash your creativity?

    +

    Join thousands of satisfied users and start designing today!

    + Start Drawing Now ➡ +
    +
    + + \ No newline at end of file