Categories
Web development

Organize SVG with <use>, but beware of transforms

Organizing SVG files with use and symbol elements offers many advantages but some quirks may arise when using transforms/animations.

Categories
Graphics JavaScript Web development

Magnify images with a draggable loupe

In a previous post we’ve seen how to create a magnifying glass effect with canvas. But the position of the lens was static, and of course in a useful application a user must be able to move the lens to a point of interest. Let’s make aVue component for that!

Categories
Web development

SVG sprites transforms

Investigation if working with SVG sprites is practical. Especially in combination with transforms.

Categories
Web development

Drag hiccups

Workaround of a rare bug I found with gsap’s Draggable and Wacom Intuos tablets on Windows 10