swiffy conversion seems to hit an immediate roadblock with elements which have dragging behaviour. the problem is the window itself which drags / moves about when ' touchmove_ing '. this is normally overcome by applying the preventDefault business to the document. but on the swiffy object / svg doc. . . cannot seem to apply this fix so the actual elements themselves can perform their dragging. anyone have any thoughts / ideas as to how to successfully prevent this ?
Related
I'm currently using the JavaFX ScrollBar control, which in itself works fine - however I'm not satisfied with the "animation" of the thumb when dragging it.
More specifically:
When I drag the thumb quickly, fast acceleration that is - the thumb animation doesn't follow immediately, but kind of "lags" behind - same behavior when I stop dragging the thumb... it takes a split second before the thumb really starts / catches up to it's intended position.
It's not an issue of heavy layout calculation or so, because I'm experiencing the same with just rendering the ScrollBar alone without any content.
Is there some option to make this "acceleration animation" / "lag" go away? - I haven't been able to find any property to set as of yet.
Thanks,
Set the flag "-Djavafx.animation.fullspeed=true" as part of the startup command via the command line. (Note that you can't do this via "System.setProperty(...)" within the application startup...)
Just using 'mix-blend-mode:overlay' on a text element and it causes my browser to scroll really slow while the text is in the screen view. As soon as you scroll past the text item, the scroll goes back to butter smooth.
The lag effect, which affects both chrome and firefox is solved if I remove the mix-blend-mode.
Has anyone else had a similar problem with mix-blend-mode?
Not sure if this will help you in your case, but I had a 'transform: scale(-1);' set on element that had 'mix-blend-mode' enabled. When I removed the transform the performance was silky smooth! So, if you're using any sort of 'transform' I'd remove it and look for an alternative solution if possible.
It may also help if you set 'isolation' property to the layer beneath, as per example here: https://developer.mozilla.org/en-US/docs/Web/CSS/mix-blend-mode#HTML_example
I'm trying to understand how to pause and resume interaction in paper.js.
I have the metaball example on a page with an input element on top, and because paper.js steals focus for driving the metaball generation onMouseMove... bad things happen. Like not able to select what you typed.
I understood I could use item.locked = true;, but I don't know what to apply it to because nothing works.
What is the parent Item for paper.js and can I lock it so that everything stops responding to the mouse?
I also couldn't reattach the mousemove event from the Tool, which is why I came to look into item.locked. What's the correct way to remove and reattach mouse events?
Just trying to get my head around Adobe Edge. What I want to achieve sounds simple but having real trouble. I have a button element, that when mouseover, displays an animated symbol I have.
Currently my code,on the button is Mouseout:
sym.$("pgicatext2").hide();
and mouseover:
sym.$("pgicatext2").show();
This doesn't seem to be working. I can achieve the result if, I turn off the movie symbol, and use this code on the button
sym.$("pgicatext2").toggle();
The trouble is of course it doesn't replay the animation every time you mouse over, and all the while it's hidden it's playing the animation.
I see its been a month since you posted this. Hopefully you solved your issue. Your code for hiding and showing looks right. One thing I have had happen in some of my projects is that I inadvertently placed an object or symbol with 0% opacity on top of a button or something I had a mouse over event. Make sure that the button you have does not have anything layered on top of it. Another thing would be to turn off autoplay of your symbol, and add sym.$("pgicatext2").play(); into your mouse over. I know those are pretty obvious answers, but sometimes it is easy to forget the obvious.
Please get through following steps:
Check if the button is over all other visible layers ('Elements'
tab). Maybe setting cursor to 'pointer' will help to check it.
Use 'Mouseenter' and 'Mouseleave' instead of 'Mouseover' and
'Mouseout'. The difference is explained here.
Make sure that your animated symbols 'autoplay' option is off. If
you did not tick it off while creating the symbol, just set Playback
to 'Stop' on Stage at the very beginning of the timeline
Lets do some coding. Lets assume that your animated symbols name is
"film". You need to set following actions to your button element:
Mouseenter:
sym.$("film").show();
sym.getSymbol("film").play();
this basically shows up your 'film' element and plays 'film' symbol
Mouseleave:
sym.$("film").hide();
sym.getSymbol("film").stop(0);
this one hides your 'film' element and stops 'film' symbol at the beginning of animation (0ms)
Enjoy!
I'm using the Spy++ for my work with the MS UI Automation Framework, so i wanted to ask you if you know how the search / highlighting gui elements from the spy++ works.
i'm talking about this: http://i.stack.imgur.com/5m1G4.png
you cant see the mouse on the screen, but if you press the left mouse key over a ui component he can read and highlight all the information.
I'm sure he uses the fromPoint() function to find the component under the mouse:
System.Windows.Point point = new System.Windows.Point(Cursor.Position.X, Cursor.Position.Y);
AutomationElement element = AutomationElement.FromPoint(point);
but i cant tell how he draws the border. is there a pattern / function in the ui framework ? couldnt find something like this in the framework api only a way with win32 ( ? )
The rectangle is probably "drawn" on top of the screen using the BoundingRectangle property.
(Just a guess).