Questions tagged [svg-transforms]
SVG transform interface SVGTransform is the interface for one of the component transformations within an SVGTransformList; thus, an SVGTransform object corresponds to a single component (e.g., scale(…) or matrix(…)) within a transform attribute.
svg-transforms
7
questions with no upvoted or accepted answers
3
votes
0
answers
841
views
CSS transform not working with SVG in Firefox
I have this simple hourglass animation made in SVG. The animation works in Chrome but does not work in Firefox. I am applying css transform translate to the #upper-fill-clip and #lower-fill-clip rect.
...
2
votes
0
answers
149
views
SVG rendering issue with high translation values
I'm using d3 to plot data and want to zoom in heavily. Up to the point where I reach a scale factor above 10000 and a translation of more then 40000000.
The problem is that that my plot starts to ...
1
vote
1
answer
174
views
Task Timeline with SVG - Cannot animate final transition
I'm trying to generate a task timeline coded as SVG in a generic way, and managed to do it until this point:
https://jsfiddle.net/dx7uryob/
What remains to do is the following animation (on any task ...
0
votes
0
answers
84
views
Determining visible center of SVG as rotation origin while panning and zooming
I'm developing an SVG viewer, using svg-pan-zoom library to pan and zoom the SVG.
What I want
What I want in the end is to be able to pan/zoom to a specific point in the SVG and be able to rotate from ...
0
votes
1
answer
258
views
How to remove all transforms from text elements in an SVG with Inkscape
How do I remove all transform from text elements in an SVG while keeping the text elements and the font size in place?
This question is similar to Removing transforms in SVG files, but this question ...
0
votes
0
answers
55
views
SVG make a clip-path to scale and relocate as its container scales
I have this svg:
<svg viewBox="0 0 280 280" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<defs>
<clipPath id="clipPath">
<path d="...
-1
votes
1
answer
449
views
Copy transformation from an SVG element to a SVG group
I have an SVG element and need to draw transform points around.
I'm using svg.js and part of its resize plug-in.
It works for moving and rotating an un-transformed element, but not for an element ...