Browser hacking: Using external SVG files as images @awesomekling
Browser hacking: Using external SVG files as images  @awesomekling
Uploaded May 2023 | Updated September 2026, 3 weeks ago
PR: github.com/SerenityOS/serenity/pull/18943

Follow me on Twitter: twitter.com/awesomekling
Sponsor me on GitHub: github.com/sponsors/awesomekling
Support me on Patreon: patreon.com/awesomekling
Donate via PayPal: paypal.me/awesomekling

Discord: discord.gg/serenityos
Merch: store.serenityos.org

SerenityOS is a new operating system that we're building from scratch. serenityos.org
Ladybird is a cross-platform web browser, also part of the SerenityOS project. :^)

00:00 Intro / task of the day
02:34 Making decoded images more abstract
11:47 Decoded image API for intrinsic size and aspect ratio
27:14 Sketching out a new class for SVG images
34:16 Improving the decoded image API for scaleable images
41:56 Loading external SVG images in an isolated context
1:05:14 Rendering the external SVG into a bitmap
1:19:57 Determining intrinsic size and aspect ratio of SVG images
1:27:05 Testing it on live websites
1:27:45 Debugging an assertion failure
1:30:35 Looking at SVG images on the web again
1:34:12 Debugging clipping of the Steam store logo
1:46:59 Making a layout test
1:53:25 Outro
Browser hacking: Using external SVG files as imagesUI hacking: Undoing selection changes in Pixel PaintHacking on Jakt inheritance with JTSerenityOS Office Hours / Q&A (2022-08-26)Browser hacking: Abstracting the event loop so Ladybird can be fast & responsive on Linux!UI hacking: Traversing the File Manager breadcrumbs backwards with Alt+DownSerenityOS update (October 2023)SerenityOS Office Hours / Q&A (2023-03-17)OS hacking: Sandboxing any command with a pledge() command-line wrapper for SerenityOSSerenityOS update (January 2024)Ladybird browser update update!SerenityOS Office Hours / Q&A (2022-11-25)
Andreas Kling |

Browser hacking: Using external SVG files as images

SHARE TO X SHARE TO REDDIT SHARE TO FACEBOOK WALLPAPER