Seems like an update on google chrome messed up my canvas animation. Currently I´m getting lots of flickering, this seems awkward because I haven´t changed any of the code and it worked smoothly a couple days ago. Am I the only one with this problem?
ps: the animation works fine in firefox.
Are you using double buffering? You should expect flickering unless you are using a buffer. See Does HTML5/Canvas Support Double Buffering? and Google search
try using requestAnimationFrame: https://developer.mozilla.org/en-US/docs/Web/API/window.requestAnimationFrame
Related
I am using animations from the animate.css library.
Everything looks good until I check the site on my iPhone. It works fine when I use the chrome developer tool device toolbar iPhone setting.
The background while the animation is going on gets distorted, it seems like it is zooming in really far.
I am using the fadeInDown and bounceInUp animations which I read might increase the document height?
Any suggestions or help is greatly appreciated!!
You can set Overflow: hidden to Parent container. So that it will not increase the height when animating.
Tested and verified ;)
Thanks
I'm currently doing some work with D3 and one of these things I'm finding slightly frustrating is the ability to debug stuff in the DOM. My typical browser of choice is Chrome (latestet update to date version) yet when I try to select stuff in the DOM chrome seems to get very confused!
The circle I've selected in the DOM, isn't even contained within the SVG as far as chrome thinks.
Having just checked IE11 seems to have similar issues, however Firefox seems to handle it (unfortunately I'm not a big fan of Firefox). It this a common feature that developers using D3 have found workarounds for? Or is everyone using Firefox? Or do I need to go log some bugs against various browsers?
I think this is a new bug. It worked fine on Chrome as well a couple weeks ago.
I have less distance between the displayed and the actual position. Maybe 10 or 20 pixels. So I can live with it. But it was flawless not long ago.
I have a bespoke font for a client which I converted into a webfont. All went fine, works on my mac and others across Firefox, Safari and Chrome, however when viewed using Windows, the font becomes extremely distorted and unreadable, on any browser.
Does anyone know what could be causing this? Could it be an issue within the original font or is there a code trick I can use to fix this?
It's a hinting problem. Microsoft’s rasteriser tries to align characters to whole pixel grid.
Read: https://www.typotheque.com/articles/hinting
This template I have made using CSS3 3D transforms is flickering like crazy in FireFox 15 (and possibly older versions? It did seem to be fine a few months ago before an update). I've managed to stop the flickering by removing the container's perspective property, but that's not ideal. If I delete all the child element with Firebug, the problem persists.
Any ideas? It works as expected in all other browsers! I realise this technology is new and unstable, but the flickering is pretty awful in Firefox and absolutely fine in Chrome and Safari.
http://iamalexkempton.net/themes/vFlip_v1-1-preview/template/index1.php
Thanks in advance. :)
Translate3d is buggy (if that's what you're using). RotateY should work fine. It at least solved my flickering and weird rotation.
See: https://bugzilla.mozilla.org/show_bug.cgi?id=769892
Offtopic: Nice site! Works fine here in FF.
use perspective: 1000px; on the containder of a element with the transform should work
Regards
I'm trying to use the excanvas/JQuery based "Flot" plugin but would like to use a background image. At the moment however there is a bug that means it's not possible to set a background image to the canvas using CSS - the bug is described here and here.
Has anyone managed to get around this bug? It's incredibly frustrating as using CSS to provide a background image to a canvas appears to be valid in every other browser; but not using IE and excanvas!
Any help would be appreciated! I've tried nested divs and more - and I'm running out of ideas!
Thanks in advance
Edit:
There's a possible workaround here - http://code.google.com/p/flot/issues/detail?id=129 - but it seems a bit outdated as a lot of the flot code isn't the same anymore. I guess it does give me something to start with however! If anybody has an easier solution I'd be happy to hear it!