I'm trying to create a dynamic blur effect, that can be modified with javascript on the fly.  To start with, I'm using this really simple svg filter:  <svg version="1.1" xmlns="http://www.w3.org/2000/svg"> <filter id=...
For some reason I can't get my SVG filters to work in Firefox. They work fine in Opera, however. The element whose property I set to the filter on just disappears. It's very odd.  Here's my javascript code:  defsElement = SVGDoc.createEle...
I am trying to create and add a feGaussianBlur filter to an SVG rectangle using JavaScript, using this code as reference. I get a rectangle, but it's not filtered. What am I doing wrong?  I am trying like this:  var container = document.getElemen...
To have two strokes and blur on an svg polygon or circle I have created a filter which does it, although the second "stroke" (created with the filter) gets clipped or isn't like a perfect circle. Any idea how to solve this issue the right...
I'm trying to create an svg which has a set of polylines, the polylines original coordinates are calculated elsewhere are they are relative to some other coordinate set, that's why I used svg's viewBox. I'm trying to apply the blur fi...
How could I change a shadow opacity partially in svg using filters and d3.js?  Here is what I would like my shadow to look like:   I mean the shadow which is dropped by the rectangle in which written Entity Name.  Here is what I was able to achieve s...
I'm trying to colorize grayscale images on the fly with user-selected foreground and background colors (limited to red, green, blue, cyan, magenta, yellow, black, and white). The effect I want is as follows:  original grayscale http://crawdad.cor...
Is there any way to calculate the color-balance of an SVG image using Javascript?  (I can find the color-balance of a Canvas image using a library like pixastic but I need it in SVG)...
I've been looking around at other questions but to no avail did I find a solution. I feel like I might not be putting the svg file in the correct location for the css/html to access it  Currently, I have this in a .svg file right next to my HTML...
The SVG I'm working with has a drop shadow via feGaussianBlur filter.  The shadow itself is displayed properly, but gets cut off on top and bottom edges.  Like so:    The SVG in question is:  <?xml version="1.0" standalone="no"...

Tags

Recent Questions

Top Questions

Home Tags Terms of Service Privacy Policy DMCA Contact Us

©2020 All rights reserved.