Dive Into Dojo Series: Dive Into Dojo GFX

By  on  

I just wanted to give everyone a heads up about my latest Dive Into Dojo post: Dive Into Dojo GFX!

It's well known that Dojo's DojoX collection is a treasure trove of enterprise-ready, advanced widgets and JavaScript classes that allow you to accomplish difficult tasks with relative ease. One of DojoX's most powerful features is GFX. Let's dive into what GFX is, how to create feature-rich vector drawings with GFX, and how you can start creating vector graphics with GFX today!

Be sure to check it out!

Recent Features

  • By
    I’m an Impostor

    This is the hardest thing I've ever had to write, much less admit to myself.  I've written resignation letters from jobs I've loved, I've ended relationships, I've failed at a host of tasks, and let myself down in my life.  All of those feelings were very...

  • By
    CSS vs. JS Animation: Which is Faster?

    How is it possible that JavaScript-based animation has secretly always been as fast — or faster — than CSS transitions? And, how is it possible that Adobe and Google consistently release media-rich mobile sites that rival the performance of native apps? This article serves as a point-by-point...

Incredible Demos

  • By
    Implementing Basic and Fancy Show/Hide in MooTools 1.2

    One of the great parts of MooTools is that the library itself allows for maximum flexibility within its provided classes. You can see evidence of this in the "Class" class' implement method. Using the implement method, you can add your own methods to...

  • By
    Morphing Elements Using MooTools and CSS

    Morphing an element between CSS classes is another great trick the MooTools JavaScript library enables you to do. Morphing isn't the most practical use of MooTools, but it's still a trick at your disposal. Step 1: The XHTML The block of content that will change is...

Discussion

  1. zhang

    how to get the coordination of the group? For a shape, i can use shape.x and shape.y, but group.x and group.y is undefine.

Wrap your code in <pre class="{language}"></pre> tags, link to a GitHub gist, JSFiddle fiddle, or CodePen pen to embed!