Tutorialspoint

April Learning Carnival is here, Use code FEST10 for an extra 10% off

Google Apps Script Make Images HTML5 Canvas save to Gdrive

person icon Laurence Svekis

4.6

Google Apps Script Make Images HTML5 Canvas save to Gdrive

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

updated on icon Updated on Apr, 2024

language icon Language - English

person icon Laurence Svekis

English [CC]

category icon Design Tools,Web Design,Google Apps Script

Lectures -15

Resources -1

Duration -1 hours

4.6

price-loader

30-days Money-Back Guarantee

Training 5 or more people ?

Get your team access to 10000+ top Tutorials Point courses anytime, anywhere.

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

What will you learn in this course:

  • 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

What are the prerequisites for this course?

  • JavaScript and prior coding experience
  • Prior Programming experience
  • Computer access and internet access
  • Google Account
Google Apps Script Make Images HTML5 Canvas save to Gdrive

Curriculum

Check out the detailed breakdown of what’s inside the course

Introduction
14 Lectures
  • play icon Image Uploader Project Introduction. 02:56 02:56
  • play icon Course Resources
  • play icon Google Apps Script Web App 04:25 04:25
  • play icon Images as base64 06:52 06:52
  • play icon Base64 image client side 07:06 07:06
  • play icon Client Side Options 04:27 04:27
  • play icon Client Side JavaScript 07:11 07:11
  • play icon Add Text to Canvas 05:00 05:00
  • play icon Add Logo to Canvas 02:37 02:37
  • play icon Upload Image to Canvas 06:46 06:46
  • play icon Save Canvas Image to gDrive 04:17 04:17
  • play icon Final Tweaks and Updates 05:20 05:20
  • play icon Google Apps Script Save Image 07:27 07:27
  • play icon Image Uploader Project Conclusion 06:55 06:55

Instructor Details

Laurence Svekis

Laurence Svekis

e


Course Certificate

Use your certificate to make a career change or to advance in your current career.

sample Tutorialspoint certificate

Our students work
with the Best

Related Video Courses

View More

Annual Membership

Become a valued member of Tutorials Point and enjoy unlimited access to our vast library of top-rated Video Courses

Subscribe now
Annual Membership

Online Certifications

Master prominent technologies at full length and become a valued certified professional.

Explore Now
Online Certifications

Talk to us

1800-202-0515