Tutorialspoint

Google Apps Script Make Images HTML5 Canvas save to Gdrive

Using HTML5 Canvas upload images make customizations and save to your Google Drive

Course Description

Explore how you can create an interactive web application that uses HTML5 canvas to create images and customize uploaded images.  Save to your GDrive directly and get the URL path to the image back.

Source code is included so you can copy and paste the code to try for yourself.

Course is about applying Google Apps Script and JavaScript

Step by step learning

Course Covers applying GOOGLE APPS SCRIPT -

  • How to setup a Web App and deploy a web app with Google Apps Script

  • How to get an image into base64 value from GDrive

  • How to output an image to web app as base64

  • Creating HTML5 canvas editor for images

  • Add Client side functionality with JavaScript

  • Updating image in Canvas with option buttons

  • Uploading image from computer adding text and logo image

  • Upload image to Google Drive - newly create canvas image as base64

  • Save image to drive from client side

  • Upload images send as email

Create your own version of this application, extend on the functionality and have fun learning more about Google Apps Script.

Fast friendly support is always available within the Q&A section

Experienced instructor with over 20 years of experience ready to help you learn

You have nothing to lose - Join now and start learning to create your own version of this helpful application today!!!

Who this course is for:

  • Web developers
  • Application Developers
  • Coders who want to explore how to use Google Apps Script
  • Anyone who wants to learn more about Google Script
  • JavaScript developers who want to add a new language to their portfolio
  • Anyone who wants to create amazing applications
  • Anyone who wants to power up their Google Suite of Products with really amazing features

Goals

  • How to apply Google Apps Script
  • How to apply Google Apps Script in Projects
  • Explore how to use Google Apps Script - Classes and Methods to power up GSuite

Prerequisites

  • JavaScript and prior coding experience
  • Prior Programming experience
  • Computer access and internet access
  • Google Account
Show More

Curriculum

  • Image Uploader Project Introduction.
    02:56
    Preview
  • Course Resources
  • Google Apps Script Web App
    04:25
  • Images as base64
    06:52
    Preview
  • Base64 image client side
    07:06
  • Client Side Options
    04:27
  • Client Side JavaScript
    07:11
  • Add Text to Canvas
    05:00
  • Add Logo to Canvas
    02:37
  • Upload Image to Canvas
    06:46
  • Save Canvas Image to gDrive
    04:17
  • Final Tweaks and Updates
    05:20
  • Google Apps Script Save Image
    07:27
  • Image Uploader Project Conclusion
    06:55
Feedbacks
  • No Feedbacks Posted Yet..!
Google Apps Script Make Images HTML5 Canvas save to Gdrive
This Course Includes
  • 1 hours
  • 14 Lectures
  • 1 Resources
  • Completion Certificate Sample Certificate
  • Lifetime Access Yes
  • Language English
  • 30-Days Money Back Guarantee

Sample Certificate

Use your certification to make a career change or to advance in your current career. Salaries are among the highest in the world.

We have 30 Million registered users and counting who have advanced their careers with us.

X

Sample Certificate