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'm playing around with applying SVG filters to HTML. This works if everything's hard coded, although I need the -webkit-filter CSS id for chrome. When attempting to create an SVG element with a filter dynamically with javascript it fails. Ca...
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 want to use the following SVG for donation page. I want to fill all of the heart (not just the border), and make it filled from the bottom to the top. How can I change the filling direction?   https://jsfiddle.net/kimmobrunfeldt/dnLLgm5o/  <div...

Tags

Recent Questions

Top Questions

Home Tags Terms of Service Privacy Policy DMCA Contact Us

©2020 All rights reserved.