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 SVG code included below.
- In the Multitasking pane with OmniGraffle running, tap the canvas and then tap Paste in the contextual menu that appears.
<?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">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xl="http://www.w3.org/1999/xlink" version="1.1" viewBox="1112 412 200 200" width="200pt" height="200pt" xmlns:dc="http://purl.org/dc/elements/1.1/">
<defs>
<linearGradient x1="0" x2="1" id="Gradient" gradientUnits="userSpaceOnUse">
<stop offset="0" stop-color="white"/>
<stop offset="1" stop-color="#333"/>
</linearGradient>
<linearGradient id="Obj_Gradient" xl:href="#Gradient" gradientTransform="translate(1212 412) rotate(90) scale(200)"/>
</defs>
<g stroke="none" stroke-opacity="1" stroke-dasharray="none" fill="none" fill-opacity="1">
<title>Canvas 1</title>
<g>
<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>
</g>
</svg>
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:
