Generate Dynamic Images with node-canvas

Creating dynamic images unlocks a whole world of powerful workflows. In this episode, Ulf Schwekendiek will teach us how to use node-canvas to create our own custom, dynamically generated images. 0:00:00 - Welcome 0:00:47 - Guest introduction 0:08:02 - Productivity in tech 0:23:16 - What’s Centered.app? 0:33:15 - Getting started wtih dynamic images 0:43:03 - Working with binaries for various Apple chipsets 0:52:08 - How to draw the image on screen 1:01:21 - Positioning the image 1:05:11 - Is this SVG or canvas? 1:08:59 - Comparing loading from a PNG 1:12:39 - Using Canvas to render text 1:14:40 - On-demand builders 1:17:50 - Where should people go to learn more about generating dymanic images? repo: https://codesandbox.io/s/suspicious-fire-q92678?file=/index.js Links: - https://www.centered.app/ - https://docs.netlify.com/configure-builds/on-demand-builders/ - https://www.npmjs.com/package/canvas Watch future episodes live at https://twitch.tv/jlengstorf This episode was sponsored by: - Netlify (https://lwj.dev/netlify) - Nx (https://lwj.dev/nx) - Backlight (https://lwj.dev/backlight) Live transcription by White Coat Captioning (https://whitecoatcaptioning.com/) Credits: Local Elevator by Kevin MacLeod is licensed under a Creative Commons Attribution license (https://creativecommons.org/licenses/by/4.0/) Source: http://incompetech.com/music/royalty-free/index.html?isrc=USUAN1300012 Artist: http://incompetech.com/ Busybody by Audionautix is licensed under a Creative Commons Attribution license (https://creativecommons.org/licenses/by/4.0/) Artist: http://audionautix.com/ Additional sound effects obtained from https://www.zapsplat.com