{"id":12,"date":"2011-09-24T17:33:37","date_gmt":"2011-09-24T16:33:37","guid":{"rendered":"http:\/\/lukasz.kocewiak.eu\/blog\/?p=12"},"modified":"2012-10-05T16:10:25","modified_gmt":"2012-10-05T15:10:25","slug":"how-to-open-svg-1-1-in-visio-2007","status":"publish","type":"post","link":"https:\/\/lukasz.kocewiak.eu\/blog\/2011\/09\/24\/how-to-open-svg-1-1-in-visio-2007\/","title":{"rendered":"How to open SVG 1.1 in Visio 2007"},"content":{"rendered":"<p>A while ago I had a horrible problem with MS Visio 2007. I was really happy that I did manage to prepare nice vector graphics in Adobe Illustrator CS4. Among others it was a map indicating one of onshore wind farms that I analyze within the confines of my research project. Normally at work I do not have such fancy tools as Adobe software, so I had to save results in something that MS Visio would be able to open.<\/p>\n<figure id=\"attachment_16\" aria-describedby=\"caption-attachment-16\" style=\"width: 300px\" class=\"wp-caption aligncenter\"><a href=\"http:\/\/lukasz.kocewiak.eu\/blog\/wp-content\/uploads\/2011\/09\/Clipping-Path-1.png\"><img loading=\"lazy\" decoding=\"async\" class=\"size-medium wp-image-16\" title=\"Clipping Path #1\" src=\"http:\/\/lukasz.kocewiak.eu\/blog\/wp-content\/uploads\/2011\/09\/Clipping-Path-1-300x161.png\" alt=\"Clipping Path 1\" width=\"300\" height=\"161\" srcset=\"https:\/\/lukasz.kocewiak.eu\/blog\/wp-content\/uploads\/2011\/09\/Clipping-Path-1-300x161.png 300w, https:\/\/lukasz.kocewiak.eu\/blog\/wp-content\/uploads\/2011\/09\/Clipping-Path-1.png 859w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><figcaption id=\"caption-attachment-16\" class=\"wp-caption-text\">Vector graphics created in Adobe Illustrator CS4.<\/figcaption><\/figure>\n<p style=\"text-align: left;\"><a href=\"http:\/\/lukasz.kocewiak.eu\/blog\/wp-content\/uploads\/2011\/09\/Clipping-Path-1.png\"><br \/>\n<\/a>I decided to use an open standard vector format such as SVG is. Since it is an open standard it should be possible to easily save it in Illustrator and hypothetically without any problems open in Visio. I would like to emphasize that this version (i.e. SVG 1.1)\u00a0 was developed in 2003 as it is stated on the <a href=\"http:\/\/www.w3.org\/TR\/2003\/REC-SVG11-20030114\/\">W3C<\/a> website. Actually Visio can deal with SVG 1.1 but in a selective manner. How big was my disappointment when I realized that actually well described in the standard clipping path is not supported.<\/p>\n<figure id=\"attachment_26\" aria-describedby=\"caption-attachment-26\" style=\"width: 300px\" class=\"wp-caption aligncenter\"><a href=\"http:\/\/lukasz.kocewiak.eu\/blog\/wp-content\/uploads\/2011\/09\/Clipping-Path-2.png\"><img loading=\"lazy\" decoding=\"async\" class=\"size-medium wp-image-26\" title=\"Clipping Path #2\" src=\"http:\/\/lukasz.kocewiak.eu\/blog\/wp-content\/uploads\/2011\/09\/Clipping-Path-2-300x140.png\" alt=\"\" width=\"300\" height=\"140\" srcset=\"https:\/\/lukasz.kocewiak.eu\/blog\/wp-content\/uploads\/2011\/09\/Clipping-Path-2-300x140.png 300w, https:\/\/lukasz.kocewiak.eu\/blog\/wp-content\/uploads\/2011\/09\/Clipping-Path-2.png 821w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><figcaption id=\"caption-attachment-26\" class=\"wp-caption-text\">The same drawing with visible clipping path.<\/figcaption><\/figure>\n<p style=\"text-align: left;\">The description of the clipping path (commonly known in popular vector graphics applications) can be found on the <a href=\"http:\/\/www.w3.org\/TR\/2003\/REC-SVG11-20030114\/masking.html\">W3C (Clipping Path)<\/a> website. An exemplary code showing an application of the clipping path from an SVG file generated by Adobe Illustrator looks in the following way<\/p>\n<pre>&lt;defs&gt;\r\n     &lt;path id=\"SVGID_1_\" d=\"M111.478,271.964c0,0-5.669,0-5.669,5.478z\"\/&gt;\r\n&lt;\/defs&gt;\r\n&lt;clipPath id=\"SVGID_2_\"&gt;\r\n     &lt;use xlink:href=\"#SVGID_1_\"\u00a0 overflow=\"visible\"\/&gt;\r\n&lt;\/clipPath&gt;<\/pre>\n<p>If one would like to open such kind of SVG file with clipping path in Visio the error dialog box appears which is presented below. MS Visio 2007 is simply not capable to open files\u00a0 including clipping path definitions. I tried to find any solution how to deal with this problem via Internet but unsuccessfully.<\/p>\n<p><a href=\"http:\/\/lukasz.kocewiak.eu\/blog\/wp-content\/uploads\/2011\/09\/Clipping-Path-6.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-medium wp-image-34\" title=\"Clipping Path #6\" src=\"http:\/\/lukasz.kocewiak.eu\/blog\/wp-content\/uploads\/2011\/09\/Clipping-Path-6-300x112.png\" alt=\"\" width=\"300\" height=\"112\" srcset=\"https:\/\/lukasz.kocewiak.eu\/blog\/wp-content\/uploads\/2011\/09\/Clipping-Path-6-300x112.png 300w, https:\/\/lukasz.kocewiak.eu\/blog\/wp-content\/uploads\/2011\/09\/Clipping-Path-6.png 440w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a>In the error log file generated by the software it is clearly stated which elements from SVG structure are incompatible. One of possibilities to work around this problem is to delete unsupported fragments of the code. Of course this would affect that elements of our vector graphics which should be hidden by the clipping path will be visible.<\/p>\n<pre>[Warning] DataType: Element &lt;clipPath&gt;\r\nContext: Line 13 ID SVGID_2_\r\nDescription: Invalid children of clip-path element. Children removed<\/pre>\n<p>Please remember also to remove information about the clipping path from each of elements included in the vector graphics. Later in MS Visio 2007 it is possible to use other methods of masking unwanted elements or parts of them.<\/p>\n<p>I hope this help and please shear your experience with me regarding this problem by adding a comment. Cheers!<\/p>\n<div class='shareinpost'><ul class=\"socialwrap row\"><li class=\"iconOnly\"><a rel=\"nofollow\" target=\"_blank\" href=\"http:\/\/www.facebook.com\/sharer.php?u=https%3A%2F%2Flukasz.kocewiak.eu%2Fblog%2F2011%2F09%2F24%2Fhow-to-open-svg-1-1-in-visio-2007%2F&amp;t=How+to+open+SVG+1.1+in+Visio+2007\" title=\"Recommend this post : How to open SVG 1.1 in Visio 2007 on Facebook\" ><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/lukasz.kocewiak.eu\/blog\/wp-content\/plugins\/share-and-follow\/images\/blank.gif\" height=\"24\" style=\"background: transparent url(http:\/\/lukasz.kocewiak.eu\/blog\/wp-content\/plugins\/share-and-follow\/default\/24\/sprite-24.png) no-repeat;padding:0;margin:0;height:24px;width:24px;background-position:-275px 0px\" class=\"image-24\" width=\"24\" alt=\"facebook\"\/> <span class=\"head\">Recommend on Facebook<\/span><\/a><\/li><li class=\"iconOnly\"><a rel=\"nofollow\" target=\"_blank\" href=\"http:\/\/www.linkedin.com\/shareArticle?mini=true&amp;url=https%3A%2F%2Flukasz.kocewiak.eu%2Fblog%2F2011%2F09%2F24%2Fhow-to-open-svg-1-1-in-visio-2007%2F&amp;title=How+to+open+SVG+1.1+in+Visio+2007&amp;&amp;summary=A+while+ago+I+had+a+horrible+problem+with+MS+Visio+2007.+I+was+really+happy+that+I+did+manage+to+prepare+nice+vector+graphics+in+Adobe+Illustrator+CS4.+Among+others+it+was+a+map+indicating+one+of+onshore+wind+farms+that+I+analyze+within+the+confines+of+my+research+project.+Normally+at+work+I+do+not+have+such+fancy+tool\" title=\"Share this post : How to open SVG 1.1 in Visio 2007 on Linkedin\" ><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/lukasz.kocewiak.eu\/blog\/wp-content\/plugins\/share-and-follow\/images\/blank.gif\" height=\"24\" style=\"background: transparent url(http:\/\/lukasz.kocewiak.eu\/blog\/wp-content\/plugins\/share-and-follow\/default\/24\/sprite-24.png) no-repeat;padding:0;margin:0;height:24px;width:24px;background-position:-675px 0px\" class=\"image-24\" width=\"24\" alt=\"linkedin\"\/> <span class=\"head\">Share on Linkedin<\/span><\/a><\/li><li class=\"iconOnly\"><a rel=\"nofollow\" target=\"_blank\" href=\"http:\/\/twitter.com\/home\/?status=https%3A%2F%2Flukasz.kocewiak.eu%2Fblog%2F2011%2F09%2F24%2Fhow-to-open-svg-1-1-in-visio-2007%2F\" title=\"Tweet this post : How to open SVG 1.1 in Visio 2007 on Twitter\" ><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/lukasz.kocewiak.eu\/blog\/wp-content\/plugins\/share-and-follow\/images\/blank.gif\" height=\"24\" style=\"background: transparent url(http:\/\/lukasz.kocewiak.eu\/blog\/wp-content\/plugins\/share-and-follow\/default\/24\/sprite-24.png) no-repeat;padding:0;margin:0;height:24px;width:24px;background-position:-1325px 0px\" class=\"image-24\"  width=\"24\"  alt=\"twitter\"\/> <span class=\"head\">Tweet about it<\/span><\/a><\/li><li class=\"iconOnly\"><a rel=\"_self\" href=\"https:\/\/lukasz.kocewiak.eu\/blog\/2011\/09\/24\/how-to-open-svg-1-1-in-visio-2007\/feed\" title=\"Follow this post : How to open SVG 1.1 in Visio 2007 comments\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/lukasz.kocewiak.eu\/blog\/wp-content\/plugins\/share-and-follow\/images\/blank.gif\" height=\"24\"  width=\"24\" style=\"background: transparent url(http:\/\/lukasz.kocewiak.eu\/blog\/wp-content\/plugins\/share-and-follow\/default\/24\/sprite-24.png) no-repeat;padding:0;margin:0;height:24px;width:24px;background-position:-1100px 0px\" class=\"image-24\"  alt=\"rss\" \/> <span class=\"head\">Subscribe to the comments on this post<\/span><\/a><\/li><li class=\"iconOnly\"><a rel=\"_self\" href=\"mailto:?subject=\u0141ukasz%20Kocewiak%20:%20How%20to%20open%20SVG%201.1%20in%20Visio%202007&amp;body=here%20is%20a%20link%20to%20a%20site%20I%20really%20like.%20%20%20https:\/\/lukasz.kocewiak.eu\/blog\/2011\/09\/24\/how-to-open-svg-1-1-in-visio-2007\/\" title=\"Tell a friend about this post : How to open SVG 1.1 in Visio 2007 \"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/lukasz.kocewiak.eu\/blog\/wp-content\/plugins\/share-and-follow\/images\/blank.gif\" height=\"24\"  width=\"24\" style=\"background: transparent url(http:\/\/lukasz.kocewiak.eu\/blog\/wp-content\/plugins\/share-and-follow\/default\/24\/sprite-24.png) no-repeat;padding:0;margin:0;height:24px;width:24px;background-position:-250px 0px\" class=\"image-24\"  alt=\"email\" \/> <span class=\"head\">Tell a friend<\/span><\/a><\/li><\/ul><div class=\"clean\"><\/div> <\/div>","protected":false},"excerpt":{"rendered":"<p>A while ago I had a horrible problem with MS Visio 2007. I was really happy that I did manage to prepare nice vector graphics in Adobe Illustrator CS4. Among others it was a map indicating one of onshore wind farms that I analyze within the confines of my research project. Normally at work I [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[6],"tags":[22,21],"class_list":["post-12","post","type-post","status-publish","format-standard","hentry","category-software","tag-clipping-path","tag-svg"],"_links":{"self":[{"href":"https:\/\/lukasz.kocewiak.eu\/blog\/wp-json\/wp\/v2\/posts\/12","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/lukasz.kocewiak.eu\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/lukasz.kocewiak.eu\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/lukasz.kocewiak.eu\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/lukasz.kocewiak.eu\/blog\/wp-json\/wp\/v2\/comments?post=12"}],"version-history":[{"count":27,"href":"https:\/\/lukasz.kocewiak.eu\/blog\/wp-json\/wp\/v2\/posts\/12\/revisions"}],"predecessor-version":[{"id":271,"href":"https:\/\/lukasz.kocewiak.eu\/blog\/wp-json\/wp\/v2\/posts\/12\/revisions\/271"}],"wp:attachment":[{"href":"https:\/\/lukasz.kocewiak.eu\/blog\/wp-json\/wp\/v2\/media?parent=12"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/lukasz.kocewiak.eu\/blog\/wp-json\/wp\/v2\/categories?post=12"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/lukasz.kocewiak.eu\/blog\/wp-json\/wp\/v2\/tags?post=12"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}