Skip to main content

All Questions

1 vote
0 answers
32 views

Stop the svg animation on a certain frame

I have an svg animation file. I want to stop this animation at a certain frame, for example frame 3. How to do it?
senops's user avatar
  • 31
1 vote
1 answer
351 views

SVG Shape Lighting

Summary: I'm trying to create a canvas of randomized rock climbing holds using vector graphics generated with properties such as color, rotation, size and path values. To add depth to these I'm trying ...
Mit's user avatar
  • 57
18 votes
3 answers
19k views

Using blending filters (multiply more specifically) using SVG

I have a reference image of the effect that I am trying to achieve using SVG. In Photoshop the effect can be achieved by using 100% opacity with the blending mode set to 'multiply' The colors have ...
Chris's user avatar
  • 1,064
8 votes
4 answers
3k views

SVG: Drop-Shadow filter pixelates SVG on mobile Safari

I am using a drop shadow filter inside an SVG file that is embedded using an img tag. On my MacBook, it looks fine in Safari. However, in mobile Safari, the graphic gets really pixelated and loses all ...
Sven's user avatar
  • 13.3k
8 votes
2 answers
5k views

Matching a color in SVG with feColorMatrix

I created a drop shadow in SVG using SourceAlpha for the shadow, so its plain black. Using feColorMatrix I reduced the opacity a bit, but still it wasn't looking as I wanted - I want the color of the ...
Sven's user avatar
  • 13.3k
4 votes
2 answers
6k views

SVG Drop Shadow - opacity, feOffset and viewBox difficulties

I want to apply a simple drop shadow to an SVG file. As this is really my first dive into SVG filters, I am stuck and can't find a solution for the (probably simple) problem: Why is the feColorMatrix ...
Sven's user avatar
  • 13.3k
7 votes
1 answer
22k views

How to use blend mode in svg for vector shapes?

Here is my simple svg: <!DOCTYPE html> <html> <head> </head> <body> <svg xmlns="http://www.w3.org/2000/svg" version="1.1"> <defs> <filter id="f1" ...
bukowski's user avatar
  • 1,923
3 votes
1 answer
2k views

Blending mode in SVG

I am stuck with a problem in SVG blending mode. I have four paths in SVG and I want to composite them with formula: (1*2) + (3*4), i.e. Path 1 and Path 2 should be blended using multiply mode, ...
Aarkan's user avatar
  • 3,971
-1 votes
1 answer
143 views

How well are SVG filter elements defined?

We are considering using SVG filters as part of our toolchain, serving the SVG to browsers capable of supporting it, while serving pre-rendered PNGs to other. One problem we noticed is that the ...
Peter Becker's user avatar
  • 8,855