Google’s Autodraw AI API with Angular


Google’s Autodraw AI API with Angular

In This Article you read About Google’s Autodraw AI API with Angular. AutoDraw is a Google’s AI experiment they launched few weeks ago which allows you to draw or at least to doodle anything you’d like to draw and then through AI and pre-trained artificial neural networks it recommends you possible icons you’d be looking for.Google’s Autodraw AI API

Development server of Google’s Autodraw

Run ng serve for a dev server. Navigate to http://localhost:4200/. The app will automatically reload if you change any of the source files.

Table of contents

  • Installing Angular CLI
  • Creating our Angular app
  • Draw’s UI
  • Draw’s service
  • Auto Draw’s functionality
  • Conclusion

Code scaffolding

Run ng generate component component-name to generate a new component. You can also use ng generate directive/pipe/service/class/module.

Build

Run ng build to build the project. The build artifacts will be stored in the dist/ directory. Use the -prod flag for a production build.

Running unit tests

Run ng test to execute the unit tests via Karma.

Running end-to-end tests

Run ng e2e to execute the end-to-end tests via Protractor. Before running the tests make sure you are serving the app via ng serve.

In this post I’ll explain you how to integrate Google’s AutoDraw AI API with Angular through Canvas. AutoDraw is a Google’s AI experiment they launched few weeks ago which allows you to draw or at least to doodle anything you’d like to draw and then through AI and pre-trained artificial neural networks it recommends you possible icons you’d be looking for.


 

Leave a Reply

Your email address will not be published. Required fields are marked *