search

rogueyoshi / sapper-overlay

Stream overlay example using Sapper (Svelte), ready for Vercel deployment. Integration for Twitch, Last.fm, and more to come. Use with Browser Source in OBS/XSplit/etc.
http://overlay.rogueyoshi.com
11 stars 1 forks source link

Add scaling support #6

Open rogueyoshi opened 4 years ago

rogueyoshi commented 4 years ago

https://css-tricks.com/scaled-proportional-blocks-with-css-and-javascript/

CSS scale() seems to be the way.

var scale = Math.min( availableWidth / contentWidth, availableHeight / contentHeight );

rogueyoshi commented 4 years ago

Here we go. Whipped this up. https://svelte.dev/repl/88d29ad782d443e2af1f8f21eaadc3ba?version=3.29.0