SVG Importer v1.1

Description

v1.1 - Supports nested composite bezier curve polygons & fixed relative drawing bug. Added support for stroke color. Added support for scale and offset to get the image nicely on screen. If you want to try another SVG file, then press [I] and paste in ALL the text below: <?xml version="1.0" encoding="utf-8"?> <!-- Generator: Adobe Illustrator 14.0.0, SVG Export Plug-In --> <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1 Basic//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11-basic.dtd" [ <!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/"> ]> <svg version="1.1" baseProfile="basic" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/" x="0px" y="0px" width="360px" height="360px" viewBox="-62.707 -43.401 360 360" enable-background="new -62.707 -43.401 360 360" xml:space="preserve"> <defs> </defs> <path id="Back_Leg_1_" fill="#FAA51D" stroke="#000000" d="M96.445,212.573c0,0-23.064,16.195-44.576,21.969l0.225,0.561 c3.257,4.764,15.327,19.582-0.872,24.799c-13.927,4.485-39.485-34.222-28.26-41.526c6.858-4.473,12.777-0.656,12.777-0.656 s9.073-2.794,15.671-6.124c11.239-5.646,15.103-9.018,15.103-9.018s10.931-11.246,17.905-10.803 C91.387,192.218,105.459,204.081,96.445,212.573z M45.934,236.397l5.932-1.855"/> <path id="Tail_2_" fill="#FAA51D" stroke="#000000" d="M55.464,192.335c-6.307-1.178-13.853-3.422-20.218-9.15 c-14.236-12.813-18.788-33.949-28.851-28.502c-10.071,5.453-9.877,39.605,21.812,50.129c10.923,3.631,20.887,3.641,28.966,3.425 c2.119-0.069,20.154-1.712,26.318-10.642c6.167-8.929,1.88-11.156-0.234-12.391C81.143,183.976,64.385,194,55.464,192.335z"/> <path id="Tail_Tip_1_" fill="#FFFFFF" d="M6.75,155.486c-3.751,2.032-5.891,8.872-5.207,16.646 c0.37,4.162,2.884,14.762,12.976,23.691c0.716-1.422-2.548-7.666,1.936-11.434c4.797-4.029,12.692-3.199,15.286-2.772 c-4.343-4.731-7.845-9.954-10.905-14.728C14.873,157.616,11.54,152.897,6.75,155.486z"/> <path id="R_Arm_1_" fill="#FAA51D" stroke="#000000" d="M132.88,181.573c0,0,3.224,0.434,12.389,9.603 c9.163,9.163,15.735,5.641,23.271,1.89c7.513-3.766,27.515-16,16.946-25.637c-10.576-9.629-16.209,2.994-25.373,6.279 c-9.17,3.291-13.215-6.492-17.905-11.195c-1.54-1.551-3.101-2.867-4.514-3.932c0,0-2.54-1.98-4.976,7.287 C130.276,175.116,127.639,177.737,132.88,181.573z"/> <path id="Front_Leg_x2F_Body_2_" fill="#FAA51D" stroke="#000000" d="M118.736,200.188c3.104-2.383,6.258-6.271,10.318-12.31 c3.385-5.029,7.049-14.565,7.049-14.565c2.285-6.581,5.052-17.172-4.965-19.052c-4.055-0.76-10.652-0.256-20.03-2.028 c-9.382-1.776-17.752-6.587-24.852,5.833c-7.1,12.423-25.046,21.6-2.762,43.252c0,0,12.799,10.033,28.114,25.17 c12.619,12.467,31.452,27.688,31.452,27.688s49.546,5.716,51.012-1.813c5.021-25.563-38.585-18.045-38.585-18.045 s-12.022-10.271-17.566-15.133c-9.081-7.985-29.052-28.126-29.052-28.126"/> <path id="Belly_1_" fill="#FFFFFF" d="M124.525,169.704c-12.902-6.936-18.841-0.041-22.825,3.973 c-6.909,6.932,8.987,17.263,8.987,17.263l7.998,8.067c7.832-9.131,11.958-15.339,13.82-20.719 C132.132,175.831,130.212,172.771,124.525,169.704z"/> <path id="L_Arm_1_" fill="#FAA51D" stroke="#000000" d="M74.793,177.222c1.956-1.491,7.549-5.749,12.677-9.55 c6.34-4.697,15.975-15.272,2.813-19.966c-13.162-4.703-19.606,4.188-30.085,12.914c-5.636,4.703-13.86,7.045-11.277,16.215 c2.594,9.17,12.695,35.01,30.787,26.559c18.096-8.457-4.7-23.979-7.993-29.135"/> <path id="Head_Fill_1_" fill="#FAA51D" stroke="#000000" d="M220.396,98.95c-3.846-16.836-23.22-19.795-23.22-19.795 s0.459-13.972-6.863-27.018c-4.846-8.638-21.807-21.004-21.807-21.004l-7.455-30.161L141.65,20.087l-7.454,2.887 c-4.019-0.373-12.32-0.816-16.934-0.592c-12.351,0.586-24.097,5.314-24.097,5.314L59.535,5.438l5.833,49.383 c1.686-2.054-27.558,33.431-9.082,63.249c8.668,13.997,26.53,26.438,40.738,31.199c10.606,3.552,28.29,4.536,36.56,4.536 c6.909,0,20.285-1.412,26.949-2.558c7.89-1.354,16.921-4.254,26.26-8.116C211.593,132.858,224.235,115.785,220.396,98.95z M98.49,33.022l-5.314-5.326 M134.833,22.575c5.223,0.873,11.315,3.57,11.315,3.57"/> <path id="Muzzle_1_" fill="#FFFFFF" d="M196.093,79.813l-7.523-8.115l-23.799,6.95c0,0.025-0.013,4.226-3.708,7.657 c-1.686,1.566-4.134,2.975-7.697,3.75c-11.415,2.484-29.282-5.947-29.282-5.947l-20.326,8.923c0,0-12.389,1.364-18.917,7.72 c-2.175,2.121-3.7,4.792-3.897,8.156c-1.288,21.932,22.667,34.605,39.389,40.742c4.644,1.703,6.235,2.225,9.066,2.973 c0,0,19.389-0.507,26.589-1.535c7.916-1.127,19.79-4.59,29.126-8.448c24.804-10.271,38.131-26.179,34.286-43.015 C215.551,82.779,196.093,79.813,196.093,79.813z"/> <path id="Eyeball_3_" fill="#FFFFFF" stroke="#000000" d="M121.646,60.753c7.641,11.701,6.837,25.755-1.78,31.379 c-8.627,5.635-21.812,0.709-29.445-10.989c-7.646-11.698-6.853-25.751,1.77-31.382C100.816,44.13,113.998,49.051,121.646,60.753"/> <path id="Pupil_3_" d="M116.977,76.132c0,2.82-2.096,5.109-4.703,5.109c-2.591,0-4.71-2.295-4.71-5.109 c0-2.822,2.12-5.111,4.71-5.111C114.875,71.021,116.977,73.31,116.977,76.132"/> <path id="Eyeball_2_" fill="#FFFFFF" stroke="#000000" d="M183.597,52.71c7.64,11.695,8.574,24.594,1.285,29.357 c-7.293,4.767-18.752-1.44-26.385-13.143c-7.661-11.701-8.041-23.855-0.747-28.619C165.028,35.542,175.954,41.003,183.597,52.71"/> <path id="Pupil_2_" d="M182.288,70.945c0,2.822-2.093,5.108-4.7,5.108c-2.594,0-4.71-2.289-4.71-5.108 c0-2.82,2.117-5.112,4.71-5.112C180.195,65.833,182.288,68.125,182.288,70.945"/> <path id="Nose_1_" fill="#5E4A42" stroke="#000000" d="M152.718,85.059c4.84,0,11.897-0.741,12.262,1.487 c0.38,2.231-4.463,10.977-7.799,11.344c-3.349,0.373-15.995-6.141-16.176-10.232C140.811,83.567,148.25,85.059,152.718,85.059"/> <path id="Whisker_7_" d="M54.042,96.716c-0.061-0.045-6.22-4.596-15.674-8.777c-10.479-4.641-16.357-5.903-16.411-5.916l0.64-3.07 c0.247,0.054,6.217,1.323,17.038,6.118c9.795,4.337,16.018,8.939,16.275,9.135L54.042,96.716L54.042,96.716z"/> <path id="Whisker_6_" d="M38.054,108.866c-5.315,0-13.297-0.722-13.68-0.756l0.28-3.121c0.107,0.01,10.676,0.959,15.373,0.693 c4.754-0.27,14.134-1.51,14.226-1.52l0.408,3.104c-0.386,0.054-9.584,1.261-14.458,1.542 C39.572,108.851,38.839,108.866,38.054,108.866L38.054,108.866z"/> <path id="Whisker_5_" d="M210.137,93.774l-0.505-3.098c0.12-0.014,11.813-1.943,17.656-3.976c6.72-2.333,11.297-6.306,11.346-6.347 l2.066,2.355c-0.204,0.18-5.088,4.418-12.384,6.95C222.22,91.784,210.626,93.692,210.137,93.774L210.137,93.774z"/> <path id="Whisker_4_" d="M233.711,113.37c-2.122,0-4.976-0.092-8.329-0.427c-7.462-0.747-14.582-3.602-14.881-3.723l1.173-2.905 c0.071,0.031,7.016,2.808,14.019,3.51c6.978,0.699,11.8,0.291,11.843,0.288l0.273,3.118 C237.697,113.244,236.21,113.37,233.711,113.37L233.711,113.37z"/> <path id="Mouth_1_" fill="none" stroke="#231F20" stroke-width="1.2" d="M118.792,104.147c0,0,27.02,7.973,37.126,10.17 c10.099,2.202,28.335,4.399,28.335,4.399s-20.861,26.755-45.246,19.966C114.618,131.899,115.059,116.523,118.792,104.147z"/> </svg>

Instructions

Since I managed to script a Bezier curve renderer, I thought it would be fun to make use of it and script a basic SVG file renderer! :) Here's a frog drawn completely using the pen tool using nothing but the contents of a pasted in SVG file for reference. Slide the SMOOTH slider to reduce the smoothness of the bezier curves.