You can quickly insert a shape from the iWork shapes library into your document.

D3.js is the big boss of JavaScript graphics libraries. With over a million weekly. For 2D, I recommend HGE, a game Engine use DX as graphic driver, which is easy to start with. It can only run under Windows, but here is a port for MAC/UNIX. The problem you'll face when using SDL is that it is not hardware-accelerated. Yes, it support OpenGL, But if you want to use it with opengl, you must do every thing youself. The Core Graphics framework is based on the Quartz advanced drawing engine. It provides low-level, lightweight 2D rendering with unmatched output fidelity. You use this framework to handle path-based drawing, transformations, color management, offscreen rendering, patterns, gradients and shadings, image data management, image creation,.

• On your Mac, click the Shape button , then choose a shape.
• On your iPhone, iPad, or iPod touch, tap the Insert button , then tap the Shapes button . Tap a shape.
• On iCloud.com, click , then choose a shape.

After you add and position the shape, you can break it into parts, or combine it with other shapes to create a custom shape. When you’ve finished editing your shape, add it to your shapes library for later use.

Break a shape into parts

Some shapes have multiple pieces. When you break apart a shape, you’re able to change the color, edit the shape, or delete the individual pieces of a shape.

• On your Mac or on iCloud.com, Control-click on the shape and choose Break Apart.
  Some shapes can't be broken apart on iCloud.com.
• On your iPhone, iPad, or iPod touch, select the shape you want to break apart, then tap the Format button . Tap Arrange, then tap Break Apart.

Some shapes in the shapes library include other potential shapes you might want to use. For example, if you wanted to use the shape of California, you could insert the complete map of the United States and enlarge it. After you break apart the shape, you can use the California shape by itself. If you want to be able to use that shape again in the future without breaking it apart from its parent shape, add the shape to your shapes library.

After you break apart a shape, you can make each piece a different color. For example, you could change the color for each state in the map, or change the color of a piece you've isolated from the remaining parts of the shape.

Create new shapes

You can combine and subtract shapes from each other to create new shapes. There are four different ways to create new shapes from existing shapes: Unite, Intersect, Subtract, or Exclude.

• On iPhone, iPad, or Mac, select the shapes you want to use, then tap or click the Format button . Tap or click Arrange, then choose how you want to combine the shapes.
• On iCloud.com, select all of the shapes that you want to use, click the Format button , click Arrange, then choose how you want to combine the shapes.
  To combine shapes in Pages on iCloud.com, the shape's object placement must be set to Stay on Page.

Unite
When you unite multiple shapes, they combine into one shape.

Intersect
When you intersect multiple shapes, it creates a shape out of the overlapping areas.

Subtract
When you subtract a shape from another, it removes the part of the shape that’s layered on top of another shape.

Exclude
When you exclude two shapes, it creates a shape that excludes the overlapping area between the shapes.

Add styles to your shape

After you add a shape to your document, you can change the following styles of your shape:

• Fill You can fill shapes with an image, a solid color, or a gradient (two or more colors that blend into one another).
• Border You can add a border, such as a picture frame or a dotted line, then modify the border’s thickness, color, and other attributes.
• Shadow You can add up to six different preset shadows to your shape, then adjust the blur, offset, and opacity of your shadow.
• Reflection You can add a reflection to your shape and adjust its visibility.
• Opacity You can create interesting effects by making objects more or less opaque.

If you want to change the style of your shape:

• On your Mac, select the shape, click the Format button , then click Style. Click the disclosure triangle to expand any individual style and see advanced options.
• On your iPhone, iPad, or iPod touch, tap the Format button , then tap Style. Turn on an individual style to see advanced options.
• On iCloud.com, click > Style. Select an individual style to see advanced options.

Save and set default styles on your Mac

On your Mac, you can save a style and change the default style for new shapes in your document.

Here's how to save your style:

1. Click the Format button , then click Style.
2. Click the arrow to the right side of the style thumbnails to go to the last group of styles.
3. Click the New Style Preset button .

After you save your style, you can redefine it at any time. Select the shape with the style changes, then Control-click on the style template and choose 'Redefine Style from Selection.'

Here's how to change the default style for new shapes in your document:

1. Click the Format button , then click Style.
2. Click and hold the style that you want to move.
3. Drag it to the top left of the first page of styles.

Add text and other objects within a shape

To add text inside a shape, double-tap (on iPhone or iPad) or double-click (on Mac) the shape, then enter the text.

You can also place objects like shapes, images, videos, text boxes, and equations inside a shape, so they're nested. If you type inside the outer (parent) shape, the inner nested object moves with the text as you edit:

• On your iPhone or iPad, add the new object to your document. Select the new object, then tap Cut. Double-tap the shape in which you want to nest the new object so the insertion point appears inside the shape, tap it again, then tap Paste.
• On your Mac, add the new object to your document. Control-click the new object, then choose Cut. Control-click the shape in which you want to nest the new object, then choose Paste.

Add a shape to your shapes library

You can add customized shapes to your shapes library. When you save a custom shape, the shape’s path, flip, and rotation properties are saved; size, color, opacity, and other properties aren’t.

• On your Mac, Control-click the shape and choose Save to My Shapes.
• On your iPhone, iPad, or iPod touch, tap the shape, then tap Add to Shapes.

To use iCloud to sync your custom shapes across your devices, here's what you need:

• An iOS device with iOS 11.2 or later, an iPad with iPadOS 13 or later, or a Mac with macOS 10.13.2 or later
• Sign in to iCloud with the same Apple ID and turn on iCloud Drive on all your devices.

You can use your custom shapes in the same app on your Mac, iPhone, iPad, and iPod touch. For example, if you add a shape in Pages on your iPhone, you can use it in Pages on your other devices.

Creating a New Shape Library

To create a new empty shape library, choose New Shape Library... from the action button to the right of the library pop-up. You will be prompted to enter a name for the new library and pick a background color for this same library.

Any custom shape library can have a custom background color — both when creating it (by clicking the color well in the naming dialog), and when using the Rename… option from the action button to the right of the library popup.

Saving a Shape

Shapes or groups of shapes can be saved inside a custom shape library.

To save a shape to a custom shape library, simply select an object/group on the canvas and click on the add button (+) at the bottom of the Shape Library panel. The selection will be saved at the bottom of the active shape library.

You can change the sequence of shapes in a shape library by holding down the Command ⌘ key and dragging them.

New shapes can be added to custom shape libraries, but not to the built-in libraries.

Removing a Saved Shape

You can remove a shape that was previously added to a custom library. Right-click on it in the Shape Library panel and choose Remove Shape from Library from the context menu.

Shapes that are part of the built-in libraries can’t be removed.

Removing/Renaming a Shape Library

Graphic For Mac Shape Library

To delete or rename a shape library you need to first select it and then choose Rename/Delete… from the action button to the right of the library popup.

Graphic For Mac Shape Library For Windows 10

The built-in shape libraries cannot be renamed or removed.

Importing a Shape Library

To import a shape library, choose Import Shape Library... from the action button to the right of the library popup. Alternatively, you can simply double click your shape library document.
Changing the extension of a Graphic document from 'idraw' to 'idshapes' will turn that document into a shape library.

Exporting a Shape Library

To export a shape library, choose Export Shape Library... from the action button to the right of the library popup. The newly saved shape library will have the extension 'idshapes'. Change it to 'idraw' to open your shape library as a regular Graphic document.

Next: Canvas >