GUI automation of a WEB application with SVG graphics
summary
Automation of web applications that use SVG graphics: why the app uses SVG and its pros/cons; how SVG surfaces work and how they are transformed via transformation matrices (types of transforms). Practical automation problems covered include dragging SVG objects, mouse-wheel scaling, and selecting polyline segments, with JavaScript-based solutions for each problem.
AI-written summary · about
chapters (12)
- 0:00Introduction
- 1:59SVG app overview
- 6:22What is SVG
- 11:22SVG methods and features
- 14:11Matrix transforms in SVG
- 20:58vWorkso for graphs
- 21:40SVG automation problems
- 27:24Drag-and-drop in SVG
- 30:38SVG zoom implementation
- 32:07Clicking curved SVG lines
- 39:56Final solution and code
- 40:47Q&A
related talks
46mThe SVG Reality
45mUnlocking SVG’s Superpowers
53mConstructing Modern UIs with SVG
39mBuilding Better Interfaces With SVG
30mSVG and Generative AI: Rethinking Interactive Imagery on Your Website
21mSemi-Automated SVG Programming via Direct Manipulation
49mSVG in motion
51mSmart SVGs: transforming the future of graphics