google chrome - Why does drawing an animated gif on canvas only update after reselecting the tab? -

-

I would like to display animated GIFs on the canvas with some of the changes implemented. To check things, I am currently trying to display only Animated GIF on Canvas so that it is routinely routed to GIF regularly and lt; Img & gt; is the same as displaying in the tag. P> I am using Chrome and webkitRequestAnimationFrame . On each request frame, I draw a picture. When the gif frame changes, it should be visible on the canvas. It only works partially:

  • Just viewing the canvas does not update it
  • Selecting the tab (i.e. to make another selection and selecting the canvas tab) Updates it to a new frame, but after that it freezes it again.

    This is a Bella I have installed.

    How can an animated GIIF attract me on the canvas actually animating with it ?

    the answer is no longer valid

    It looks like the behavior described here (a < Code> img tag refers to an animated GIF one canvas result, which is written in different frames of GIF, if img is a part of the DOM or is visible) less in Chrome Has changed less than. It may or may not be a document of the correct behavior for this. Besides this, webkitRequestAnimationFrame is no longer the behavior of taking an additional argument, an element X such that when X is not visible, the requested function will not run.

    Before: Before:

    H1>

    See a fixed version:

    If you add the console.log () function to the picture, you will see that it's being called. The problem is that the image itself is animate Does not, because the browser does not bother updating an animated image which is not part of the DOM.

    My solution is animated GIF Part DOM and size 0 and it works just fine.

    You can verify that the animation is being displayed on the canvas, image is loading in the tag and inspecting the elements with ctrl-shift-i

    WebkitRequestAnimationFrame

    Code> takes another argument from Mozilla's equivalent that allows your animation to run only when animated elements are visible. Check out

    Open the console and you will see that when you hide the canvas, the animation function is called. When you toggle the canvas again, the animation function will be called again.

Comments

Post a Comment

Popular posts from this blog

mysql - BLOB/TEXT column 'value' used in key specification without a key length -

-
I have developed an extension which works up to 1.6 on Magren (I'm trying Enterprise Edition, And I think the community is the same problem, because it is the same code). In my install script, I see the $ installer-> gt; CreateEntityTables ($ this- & gt; getTable ('alphanum / info')); The installation is done until it is not in the _text unit table. It crashed there! It turns out that when I log in to SQL and run it via PHPmyadmin, then this error is: Blob / Text column 'value' is used without the key 'key' . I saw the code there, and this is what is trying to create an index on the value column: -> addIndex ($ this- & gt; getIdxName ($ eavTableName, array ( 'attribute_id array (' attribute_id ',' value ')) - & gt; addIndex ($ this- & gt; getIdxName ($ eavTableName, array (' entity_type_id ' , 'Value')), array ('entity_type_id', 'value')) If there is no if statement is n...
Read more

ruby on rails - Convert a Activerecord result with has_one associations into a single hash per record -

-
If I have any results from the Active Records, then I have an array of hashes, if I have a reliable load, then every Each organization hash in record hash has a nested hash of its associated records My question is, is there a quick rail system that allows you to merge these nested hashes into a hash per record? An analogy will be changing the records table rows Another resemblance will be converted into a hash at one level of nested hashes. approach 1: select them in the section Include class user has_one: profile end is for square profile: user # street 1, street 2, city etc. end profile = profile.junks (user :). Selection ("User. *, Profile. *") All profiles. First.login Approach 2: Use delegation for class profiles : User # Street 1, Road 2, City etc. Representative: Name ,: name =,: email,: email = ,: from = to & gt; : End of user
Read more

javascript - Read complete data from stream from onMessage -

-
How to read event.data from a web site entirely using javascript ? On Message: Function (Event) {var msg = event.data; Warning (msg); } In the above code, variable msg shows only partial data How to obtain complete data from websicet server? event.data contains complete information; It depends only on your output how much you will see. A warning box only contains a special number of characters, because more characters do not fit in the warning box only. Warning ing is not a good practice to display large data. A more convenient way to save the length and to check that, for example: On Message: Function (Event) {var msg = event.data; Warning (msg.length); } The length should be just the right length, that is the length of the characters you sent.
Read more