Skip to main content

All Questions

8 questions with no upvoted or accepted answers
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/...
codl's user avatar
  • 387
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:
Tatof's user avatar
  • 151
3 votes
1 answer
772 views

SVG blending mode bug in Chrome

Recently I'm working over a project, where I need to use SVG and it's blending mode filter. Base element is an background image and then there are some shapes (mostly paths with solid fill). The ...
RamboBambo's user avatar
1 vote
1 answer
266 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 ...
rakete's user avatar
  • 3,011
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 ...
Ritesh's user avatar
  • 11
1 vote
0 answers
125 views

Filter grayscale in chrome is buggy with :not selector

i've got sth like that $('body > :not(.extras)').addClass("desaturation_filtr"); and that must have apply this class to whole body without extras class .desaturation_filtr { -webkit-filter:...
AdrianRatajczak's user avatar
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'> <...
user3770299's user avatar
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. ...
Laiqa Mohid's user avatar