Dmitry N. Medvedev Dmitry-N-Medvedev

Autoscaling SVG's

Scaling svgs is annoying and most solutions require tradoffs I don't want. I'm suprised the ammount of solutions out there that are pretty subpar or require extra overhead.

What I don't want:

use an image tag
use wrappers
use weird padding
pass down props for width/height or viewBox props.

Personal notes building zig 0.15.0-dev.xxxx on Macbook M3 Max

2025014 Sequoia 15.4, latest XCode Commandline Tools, homebrew-installed LLVM 20.1.2 (llvm@20)

This way of building probably works on all Apple Silicon Macs, but you must check other models yourself. Some Intel Macs should also work (the only significant difference is the default homebrew path). But I don't test that anymore.

Here is a list of earlier M3 Max builds

	// ==UserScript==
	// @name document.load client injection
	// @namespace http://tampermonkey.net/
	// @version 0.1
	// @description The Avocent PM1000/2000/3000 PDU runs an old JavaScript interface that relies on the XMLDocument.fetch() function that has been removed. Emulate this.
	// @description inject the document.load implementation into real page context.
	// @author Andreas Thienemann <[email protected]>, based on a script from [email protected], based on idea from [email protected]
	// @match http://172.16.10.64/*
	// @match http://172.16.10.65/*
	// @run-at document-start

	import { build, files, version } from '$service-worker';

	// https://github.com/microsoft/TypeScript/issues/11781 - this is needed for TS and ESLint

	/// env serviceworker
	const globalThis = /** @type {unknown} */ (self);
	/// <reference no-default-lib="true"/>
	/// <reference lib="es2020" />
	/// <reference lib="WebWorker" />
	const sw = /** @type {ServiceWorkerGlobalScope & typeof globalThis} */ (globalThis);