Fabric.js flipX and flipY don't seem to work - fabricjs

I can't flip a rectangle to save my life in Fabric.js, even using the code straight from the tutorials here - http://fabricjs.com/fabric-intro-part-1/#objects. If someone could please take a look at this fiddle and let me know what I'm doing wrong, I'd greatly appreciate it.
http://jsfiddle.net/thardy/E4Vcr/
rect.set('angle', 15).set('flipY', true); // doesn't work
canvas.renderAll(); // this wasn't in the tutorial, but I'm pretty sure it's needed
Is this a bug in v1.4.0?

This appears to be a misunderstanding of how flipX and flipY are supposed to work. I think they are actually working in fabricjs. I've updated my fiddle above to more clearly display why I didn't think they were working. Perhaps this will be helpful to someone in the future

Related

Hololens2 MRTK2 - ScrollingObjectCollection with dymaic prefab doesn't work

Just for studing purpose,I am play with the MRTK Scrolling object, as you can see from the picture below the example works fine with some static 3D objecst, but if add trought a script a Dynamic Prefabs there is no way to see the objects visible even on the inspector is not possible set the visibility.)
Please note that the script works fine outside of the scrolling and please not that the example comes from
MRTK/Examples/Demos/ScrollingObjectCollection/Scripts
Am i wronge something? The idea is to create a scrollable dynamic components,if you have any tips i would be more than happy because i am stuck :-)
MRTK version 2.8.3
thanks in advance for your help

Primefaces Barcelona Theme - Charts still have old RIO theme

recently got the Barcelona theme for Primefaces and lately started using some charts but it seems they don't reflect the Barcelona theme/skin at all. They still have the old RIO skin. Could somebody please enlighten me on how to solve this?
I have done some research and it seems that with other themes like Adamanthium you had to use the setExtender("skinChart"); method and so on to allow JQPlot to re-skin it for you using JS methods. Is there something similar for the Barcelona theme perhaps?
Any guidance would be greatly appreciated, thanks in advance.
I have managed to get this solved thank you. For anybody struggling with this in the future perhaps, the solution is as follows:
Ensure you copy the content of the charts.css to your project's resources folder as well as charts.js. After you've done that you can let jqPlot re-skin your charts using the following on your chart model, for example:
myPieChart = new PieChartModel();
myPieChart.setExtender("skinPie");
I hope this will help someone in the future.
Cheers.

Passing urls from content to background

I'm quite new when it comes to creating extensions for Chrome and have the worst time trying to grasp concepts.
What I'm hoping to do, eventually, is create an extension which will highlight all links in a page which I currently have bookmarked.
I'm currently just trying to feel my way around, and looking to grab the links and pass them to the background page, but it doesn't seem to be working for me. When I attempt to pass a link I get nothing (or object {} and then a never-ending sea of arrows pointing to various things) If I pass something else, such as "hello", I can get that to work fine. I'd be grateful for some pointers, recommendations et al.
content:
// Get all the links on the page.
var links = document.getElementsByTagName("a");
for (var i = 0; i < links.length; i++) {
console.log(links[i]);
chrome.runtime.sendMessage(links[i]);
}
It does successfully return on links from the content script.
background
var links;
chrome.runtime.onMessage.addListener(function(request, sender, sendResponse) {
console.log(request);
});
My background script had more in it, but it didn't seem to help in any way so I've pared it back to the most basic of code.
While I would not doubt I'll have questions beyond this, the present issue is preventing me from progressing and I've not been able to figure out what (probably simple thing) I'm doing wrong.
Thanks kindly.
Thanks! Much appreciated. I'm now moving in the right direction.
For those of you (maybe one of you) wondering, it was solved simply by adding .href to the end of links[i].
eg;
chrome.runtime.sendMessage(links[i].href);

Animated Snap.SVG Easing not working

SVG to to animate some stuff and the easing does not seem to be working.
I can use the "bounce" easing and it works fine but the "easeinout" just does nothing it is exactly the same as "linear".
Has anyone encountered this where one will work and another will not? An example of my code is below:
whiteCircle.animate({transform: "t250,0,s0,s0"}, 1000, mina.easeinout);
AND
whiteCircle.animate({transform: "t250,0,s0,s0"}, 1000, mina.bounce);
Any help is appreciated!
My issue was I was using "easeInOut" with capitals in my actual code rather than "easeinout", also which didn't help was the fact I was moving moving things over large distances quite quickly so the effect was diminished.

masonry images loaded not working

Dear community im using the masonry script on this site: http://www.hoeckernetworks.impulsfaktor.abcde.biz/
I was searching for an option to fix the picture loading problem and i found imagesLoaded. I try to get it to work, but it wont do its job. I am not a great javascript programmer and tryed it with the example code. Maybe someone has a hint for me. Just to inform: i use masonry working with html. If its needed i can send my source but i think one can see it on the site.
regards an already thanks for any help

Resources