All Questions
Tagged with svg-filters google-chrome
18
questions
0
votes
1
answer
54
views
SVG feDiffuseLighting in Chrome vs Firefox
Greeting.
I faced wierd problem
I've got next.js project (default config) with svg filter
<svg xmlns="http://www.w3.org/2000/svg">
<filter id='roughpaper'>
<...
0
votes
0
answers
46
views
SVG filter turbulence will work on p element but not on div
(works on chrome desktop but not mobile and doesn't work on safari)
I have SVG turbulence filter applied to a p element and a div. I am animating it using GSAP specifically base frequency and scale. ...
- 521
1
vote
1
answer
271
views
SVG filter looks very different in Chrome vs Firefox
I have created an example here:
<svg viewBox="0 0 800 200">
<defs>
<filter id="cloth">
<feTurbulence seed="399" type="fractalNoise" baseFrequency="10.797" id="...
- 687
0
votes
1
answer
152
views
SVG filter is cut off when the SVG is positioned over an element with translate3d
I have an SVG element that is absolute positioned, and whenever it is positioned over top an element that uses transform: translate3d(x, y, z) the drop shadow filter I have applied to it is cut off. ...
1
vote
1
answer
264
views
Weird Bug with SVG Filters in CSS
I am currently try to find the best way to lazy-load images. While loading I want to show a tiny 10x10 image of the original (inline / base64). As this tiny image, of cause has a very poor quality I ...
- 3,011
0
votes
2
answers
232
views
SVG tile gaps on Chrome only
I encountered an issue with SVG tile where gaps appear when the SVG is resized
JSFiddle
svg {
outline: 1px solid red;
width: 500px;
height: 350px;
}
<svg xmlns="http://www.w3.org/...
- 7,158
1
vote
1
answer
164
views
feComposite ignores feOffset result (except in Chrome)
I have a very simple SVG filter that produces totally different results in Chrome vs. Safari or Firefox (on Mac OS). The problem seems to center around using feComposite on an offset alpha channel. ...
0
votes
1
answer
441
views
Blockly workspace background shows random image?
I'm facing a weird bug which cause background of Blockly shows random image
The correct background should be like this:
But it shows random image (mostly favicon?) instead
It's really too weird to ...
- 329
1
vote
0
answers
251
views
Chrome Memory Leak with moving SVG text and blur filter
I have a page with several SVG elements and each of them has an SVG Blur filter applied to it. I noticed that Chrome was running out of memory quickly if the elements keep moving continuously.
To ...
- 11
0
votes
1
answer
2k
views
SVG filters in Chrome 47 stopped working
I have defined my custom svg element with structure like this:
<svg>
<defs>
<filter id="myFilter"> ... </filter>
<pattern id="myPattern"> ... </pattern>
...
- 119
8
votes
5
answers
8k
views
SVG filter not showing up in Firefox, working fine in Chrome
I want a piece of dark text on dark background to have a white glow outside of it. Although the default drop shadow filter in CSS (like filter: drop-shadow(2px 2px 2px black)) officially should ...
- 2,807
5
votes
0
answers
3k
views
.SVG rendering Chrome pixelated
Why is Chrome rendering so badly?
What am I doing wrong?
PNG fallback for chrome can't be the only solution for this right??
This is how I save the file:
- 151
2
votes
2
answers
1k
views
SVG filter different in Chrome
I'm trying to apply a svg filter to an image. The filter is a yellow to grey gradient map. This works great on Firefox and Safari, but in Chrome the filter has a strange result where the colors are ...
- 470
1
vote
2
answers
500
views
SVG + Chrome + filter + negative scale
I've found Google Chrome is not displaying SVG elements which have both a negative scale and a filter (e.g. Gaussian blur). Is this a bug?
Minimum non-working example:
<filter id="blur-norm">
...
- 2,659
9
votes
0
answers
569
views
Chrome refuses to set SVG filter from data uri
I'm trying to make a bookmarklet that will set an SVG filter over the entire page it is loaded into. To that end, it sets a style on the root element:
document.children[0].style.filter='url(data:image/...
- 387