SVG, or Scalable Vector Graphics, is a method of describing 2D graphics with XML. Since SVG is just text, they are fairly lightweight, and they get the added bonus of scaling to any size while retaining their appearance.
To import SVG in OmniGraffle on iOS, you’ll need to copy and paste the SVG code onto the canvas. If you are using OmniGraffle on iPad, you can take advantage of Multitasking in iOS to open another pane, and then copy and paste the SVG code over from another app:
- With OmniGraffle open on your iPad, swipe in from the right side of the display to open the Multitasking pane.
- Open Safari in the Multitasking pane, and then open this article.
-
Select and copy the following SVG code:
```` <?xml version=”1.0” encoding=”UTF-8” standalone=”no”?> <!DOCTYPE svg PUBLIC “-//W3C//DTD SVG 1.1//EN” “http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd”>
<path d="M 1130 412 L 1294 412 C 1303.9411 412 1312 420.05887 1312 430 L 1312 594 C 1312 603.9411 1303.9411 612 1294 612 L 1130 612 C 1120.0589 612 1112 603.9411 1112 594 L 1112 430 C 1112 420.05887 1120.0589 412 1130 412 Z" fill="url(#Obj_Gradient)"/> </g>````
-
In the Multitasking pane with OmniGraffle running, tap the canvas and then tap Paste in the contextual menu that appears.
On iPhone and older iPad models, you’ll need to double-tap the Home button and then switch apps to copy the SVG code, and then double-tap Home again to switch back to OmniGraffle to paste the SVG code.
After pasting the SVG code onto the canvas, you should see a square with rounded corners and a linear gradient fill, as shown in the following video:
