http://mx.phenomix.org/index.php?title=Creating_SVG_for_use_as_mx_annotation_overlays&feed=atom&action=history Creating SVG for use as mx annotation overlays - Revision history 2024-03-29T06:19:34Z Revision history for this page on the wiki MediaWiki 1.20.0 http://mx.phenomix.org/index.php?title=Creating_SVG_for_use_as_mx_annotation_overlays&diff=3801&oldid=prev Katja at 21:13, 7 January 2011 2011-01-07T21:13:31Z <p></p> <table class='diff diff-contentalign-left'> <col class='diff-marker' /> <col class='diff-content' /> <col class='diff-marker' /> <col class='diff-content' /> <tr style='vertical-align: top;'> <td colspan='2' style="background-color: white; color:black;">← Older revision</td> <td colspan='2' style="background-color: white; color:black;">Revision as of 21:13, 7 January 2011</td> </tr><tr><td colspan="2" class="diff-lineno">Line 12:</td> <td colspan="2" class="diff-lineno">Line 12:</td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>*Under the 'View' menu, click 'Snap' - the blue grid icon and backwards blue &quot;N&quot;-like icon should be activated on the middle row</div></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>*Under the 'View' menu, click 'Snap' - the blue grid icon and backwards blue &quot;N&quot;-like icon should be activated on the middle row</div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>*Enable the 'Snap to guides' icon (the backwards blue &quot;N&quot;-like icon) ''[Fig.2]''</div></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>*Enable the 'Snap to guides' icon (the backwards blue &quot;N&quot;-like icon) ''[Fig.2]''</div></td></tr> <tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div>*Drag the image to the upper left corner until it snaps into place ''[Fig.2]''</div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div>*Drag the image to the upper left corner <ins class="diffchange diffchange-inline">of the center grid/frame </ins>until it snaps into place ''[Fig.2]''</div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>&lt;table&gt;</div></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>&lt;table&gt;</div></td></tr> </table> Katja http://mx.phenomix.org/index.php?title=Creating_SVG_for_use_as_mx_annotation_overlays&diff=3723&oldid=prev Matt Bertone at 20:03, 22 July 2010 2010-07-22T20:03:54Z <p></p> <table class='diff diff-contentalign-left'> <col class='diff-marker' /> <col class='diff-content' /> <col class='diff-marker' /> <col class='diff-content' /> <tr style='vertical-align: top;'> <td colspan='2' style="background-color: white; color:black;">← Older revision</td> <td colspan='2' style="background-color: white; color:black;">Revision as of 20:03, 22 July 2010</td> </tr><tr><td colspan="2" class="diff-lineno">Line 31:</td> <td colspan="2" class="diff-lineno">Line 31:</td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>*Once the outline is drawn, you can click on a color at the bottom to fill the object with a color (and set the &quot;O:&quot; near the swatch to 25 for 25% opacity) which may aid in seeing how the annotation will look; '''however, it is not ''necessary'' to fill, or choose a line color/weight, before saving - these settings are coded in mx'''</div></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>*Once the outline is drawn, you can click on a color at the bottom to fill the object with a color (and set the &quot;O:&quot; near the swatch to 25 for 25% opacity) which may aid in seeing how the annotation will look; '''however, it is not ''necessary'' to fill, or choose a line color/weight, before saving - these settings are coded in mx'''</div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>*Lastly, save the file; Inkscape files are, by default, SVG, so you should not need to convert or export to an SVG file</div></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>*Lastly, save the file; Inkscape files are, by default, SVG, so you should not need to convert or export to an SVG file</div></td></tr> <tr><td colspan="2">&#160;</td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins style="color: red; font-weight: bold; text-decoration: none;">*When all of these steps are finished go to the [[App/figure/annotate]] page for instructions on how to enter the SVG code into mx</ins></div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"></td></tr> </table> Matt Bertone http://mx.phenomix.org/index.php?title=Creating_SVG_for_use_as_mx_annotation_overlays&diff=3722&oldid=prev Matt Bertone at 20:01, 22 July 2010 2010-07-22T20:01:15Z <p></p> <table class='diff diff-contentalign-left'> <col class='diff-marker' /> <col class='diff-content' /> <col class='diff-marker' /> <col class='diff-content' /> <tr style='vertical-align: top;'> <td colspan='2' style="background-color: white; color:black;">← Older revision</td> <td colspan='2' style="background-color: white; color:black;">Revision as of 20:01, 22 July 2010</td> </tr><tr><td colspan="2" class="diff-lineno">Line 25:</td> <td colspan="2" class="diff-lineno">Line 25:</td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>&lt;/table&gt;</div></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>&lt;/table&gt;</div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"></td></tr> <tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div>*Next, go to the 'Layer' menu and select 'Add Layer'; ''if you are going to do multiple annotations on one image, rename each layer with the name of the class that you are annotating (this will help you identify what part of the SVG code to select later)'' ''[Fig.3]''</div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div>*Next, go to the 'Layer' menu and select 'Add Layer'; <ins class="diffchange diffchange-inline">'</ins>''if you are going to do multiple annotations on one image, <ins class="diffchange diffchange-inline">''</ins>rename each layer with the name of the class that you are annotating<ins class="diffchange diffchange-inline">''''' </ins>(this will help you identify what part of the SVG code to select later)'' ''[Fig.3]''</div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>*Before starting the annotation on the new layer, lock the base image layer</div></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>*Before starting the annotation on the new layer, lock the base image layer</div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>*Using the 'Draw freehand lines' tool on the left toolbar, draw a rough outline of the area you want to highlight; make sure to close the object ''[Fig.4]''</div></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>*Using the 'Draw freehand lines' tool on the left toolbar, draw a rough outline of the area you want to highlight; make sure to close the object ''[Fig.4]''</div></td></tr> </table> Matt Bertone http://mx.phenomix.org/index.php?title=Creating_SVG_for_use_as_mx_annotation_overlays&diff=3721&oldid=prev Matt Bertone at 18:57, 22 July 2010 2010-07-22T18:57:58Z <p></p> <table class='diff diff-contentalign-left'> <col class='diff-marker' /> <col class='diff-content' /> <col class='diff-marker' /> <col class='diff-content' /> <tr style='vertical-align: top;'> <td colspan='2' style="background-color: white; color:black;">← Older revision</td> <td colspan='2' style="background-color: white; color:black;">Revision as of 18:57, 22 July 2010</td> </tr><tr><td colspan="2" class="diff-lineno">Line 29:</td> <td colspan="2" class="diff-lineno">Line 29:</td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>*Using the 'Draw freehand lines' tool on the left toolbar, draw a rough outline of the area you want to highlight; make sure to close the object ''[Fig.4]''</div></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>*Using the 'Draw freehand lines' tool on the left toolbar, draw a rough outline of the area you want to highlight; make sure to close the object ''[Fig.4]''</div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>*Drag and modify the curves/lines of the outline using the 'Edit paths by nodes' tool ''[Fig.4]''</div></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>*Drag and modify the curves/lines of the outline using the 'Edit paths by nodes' tool ''[Fig.4]''</div></td></tr> <tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div>*Once the outline is drawn, you can click on a color at the bottom to fill the object with a color (and set the &quot;O:&quot; near the swatch to <del class="diffchange diffchange-inline">30 </del>for <del class="diffchange diffchange-inline">30</del>% opacity) which may aid in seeing how the annotation will look; '''however, it is not necessary to fill, or choose a line color/weight, before saving - these settings are coded in mx'''</div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div>*Once the outline is drawn, you can click on a color at the bottom to fill the object with a color (and set the &quot;O:&quot; near the swatch to <ins class="diffchange diffchange-inline">25 </ins>for <ins class="diffchange diffchange-inline">25</ins>% opacity) which may aid in seeing how the annotation will look; '''however, it is not <ins class="diffchange diffchange-inline">''</ins>necessary<ins class="diffchange diffchange-inline">'' </ins>to fill, or choose a line color/weight, before saving - these settings are coded in mx'''</div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>*Lastly, save the file; Inkscape files are, by default, SVG, so you should not need to convert or export to an SVG file</div></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>*Lastly, save the file; Inkscape files are, by default, SVG, so you should not need to convert or export to an SVG file</div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"></td></tr> </table> Matt Bertone http://mx.phenomix.org/index.php?title=Creating_SVG_for_use_as_mx_annotation_overlays&diff=3715&oldid=prev Matt Bertone at 20:02, 9 July 2010 2010-07-09T20:02:46Z <p></p> <table class='diff diff-contentalign-left'> <col class='diff-marker' /> <col class='diff-content' /> <col class='diff-marker' /> <col class='diff-content' /> <tr style='vertical-align: top;'> <td colspan='2' style="background-color: white; color:black;">← Older revision</td> <td colspan='2' style="background-color: white; color:black;">Revision as of 20:02, 9 July 2010</td> </tr><tr><td colspan="2" class="diff-lineno">Line 40:</td> <td colspan="2" class="diff-lineno">Line 40:</td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>&lt;/td&gt;</div></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>&lt;/td&gt;</div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>&lt;td&gt;</div></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>&lt;td&gt;</div></td></tr> <tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div>[[Image:Outline_tools.jpg|300px|thumb|left|'''Fig.4''' Outline drawn with the 'Draw freehand lines' tool (<del class="diffchange diffchange-inline">red </del>circle) and modified with the 'Edit paths by nodes' (yellow circle).]]</div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div>[[Image:Outline_tools.jpg|300px|thumb|left|'''Fig.4''' Outline drawn with the 'Draw freehand lines' tool (<ins class="diffchange diffchange-inline">pink </ins>circle) and modified with the 'Edit paths by nodes' (yellow circle).]]</div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>&lt;/td&gt;</div></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>&lt;/td&gt;</div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>&lt;/tr&gt;</div></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>&lt;/tr&gt;</div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>&lt;/table&gt;</div></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>&lt;/table&gt;</div></td></tr> </table> Matt Bertone http://mx.phenomix.org/index.php?title=Creating_SVG_for_use_as_mx_annotation_overlays&diff=3714&oldid=prev Matt Bertone at 19:18, 9 July 2010 2010-07-09T19:18:56Z <p></p> <table class='diff diff-contentalign-left'> <col class='diff-marker' /> <col class='diff-content' /> <col class='diff-marker' /> <col class='diff-content' /> <tr style='vertical-align: top;'> <td colspan='2' style="background-color: white; color:black;">← Older revision</td> <td colspan='2' style="background-color: white; color:black;">Revision as of 19:18, 9 July 2010</td> </tr><tr><td colspan="2" class="diff-lineno">Line 29:</td> <td colspan="2" class="diff-lineno">Line 29:</td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>*Using the 'Draw freehand lines' tool on the left toolbar, draw a rough outline of the area you want to highlight; make sure to close the object ''[Fig.4]''</div></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>*Using the 'Draw freehand lines' tool on the left toolbar, draw a rough outline of the area you want to highlight; make sure to close the object ''[Fig.4]''</div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>*Drag and modify the curves/lines of the outline using the 'Edit paths by nodes' tool ''[Fig.4]''</div></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>*Drag and modify the curves/lines of the outline using the 'Edit paths by nodes' tool ''[Fig.4]''</div></td></tr> <tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div>*Once the outline is drawn, you can click on a color at the bottom to fill the object with a color (and set the &quot;O:&quot; near the swatch to 30 for 30% opacity) which may aid in seeing how the annotation will look; '''however, it is not necessary to fill, or choose a line color/<del class="diffchange diffchange-inline">wight</del>, before saving - these settings are coded in mx'''</div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div>*Once the outline is drawn, you can click on a color at the bottom to fill the object with a color (and set the &quot;O:&quot; near the swatch to 30 for 30% opacity) which may aid in seeing how the annotation will look; '''however, it is not necessary to fill, or choose a line color/<ins class="diffchange diffchange-inline">weight</ins>, before saving - these settings are coded in mx'''</div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>*Lastly, save the file; Inkscape files are, by default, SVG, so you should not need to convert or export to an SVG file</div></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>*Lastly, save the file; Inkscape files are, by default, SVG, so you should not need to convert or export to an SVG file</div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"></td></tr> </table> Matt Bertone http://mx.phenomix.org/index.php?title=Creating_SVG_for_use_as_mx_annotation_overlays&diff=3713&oldid=prev Matt Bertone at 19:18, 9 July 2010 2010-07-09T19:18:27Z <p></p> <table class='diff diff-contentalign-left'> <col class='diff-marker' /> <col class='diff-content' /> <col class='diff-marker' /> <col class='diff-content' /> <tr style='vertical-align: top;'> <td colspan='2' style="background-color: white; color:black;">← Older revision</td> <td colspan='2' style="background-color: white; color:black;">Revision as of 19:18, 9 July 2010</td> </tr><tr><td colspan="2" class="diff-lineno">Line 29:</td> <td colspan="2" class="diff-lineno">Line 29:</td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>*Using the 'Draw freehand lines' tool on the left toolbar, draw a rough outline of the area you want to highlight; make sure to close the object ''[Fig.4]''</div></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>*Using the 'Draw freehand lines' tool on the left toolbar, draw a rough outline of the area you want to highlight; make sure to close the object ''[Fig.4]''</div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>*Drag and modify the curves/lines of the outline using the 'Edit paths by nodes' tool ''[Fig.4]''</div></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>*Drag and modify the curves/lines of the outline using the 'Edit paths by nodes' tool ''[Fig.4]''</div></td></tr> <tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div>*Once the outline is drawn, you can click on a color at the bottom to fill the object ''<del class="diffchange diffchange-inline">[Fig.4]</del>''</div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div>*Once the outline is drawn, you can click on a color at the bottom to fill the object <ins class="diffchange diffchange-inline">with a color (and set the &quot;O:&quot; near the swatch to 30 for 30% opacity) which may aid in seeing how the annotation will look; </ins>'''<ins class="diffchange diffchange-inline">however, it is not necessary to fill, or choose a line color/wight, before saving - these settings are coded in mx</ins>'<ins class="diffchange diffchange-inline">''</ins></div></td></tr> <tr><td colspan="2">&#160;</td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins class="diffchange diffchange-inline">*Lastly, save the file; Inkscape files are, by default, SVG, so you should not need to convert or export to an SVG file</ins></div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"></td></tr> </table> Matt Bertone http://mx.phenomix.org/index.php?title=Creating_SVG_for_use_as_mx_annotation_overlays&diff=3712&oldid=prev Matt Bertone at 19:06, 9 July 2010 2010-07-09T19:06:30Z <p></p> <table class='diff diff-contentalign-left'> <col class='diff-marker' /> <col class='diff-content' /> <col class='diff-marker' /> <col class='diff-content' /> <tr style='vertical-align: top;'> <td colspan='2' style="background-color: white; color:black;">← Older revision</td> <td colspan='2' style="background-color: white; color:black;">Revision as of 19:06, 9 July 2010</td> </tr><tr><td colspan="2" class="diff-lineno">Line 39:</td> <td colspan="2" class="diff-lineno">Line 39:</td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>&lt;/td&gt;</div></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>&lt;/td&gt;</div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>&lt;td&gt;</div></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>&lt;td&gt;</div></td></tr> <tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div>[[Image:<del class="diffchange diffchange-inline">Guides_snapicon</del>.jpg|300px|thumb|left|'''Fig.<del class="diffchange diffchange-inline">1</del>''' <del class="diffchange diffchange-inline">Inkscape interface showing blue guides, </del>'<del class="diffchange diffchange-inline">Snap to guides</del>' <del class="diffchange diffchange-inline">icon </del>(red circle) and the <del class="diffchange diffchange-inline">image snapped to upper left corner</del>.]]</div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div>[[Image:<ins class="diffchange diffchange-inline">Outline_tools</ins>.jpg|300px|thumb|left|'''Fig.<ins class="diffchange diffchange-inline">4</ins>''' <ins class="diffchange diffchange-inline">Outline drawn with the </ins>'<ins class="diffchange diffchange-inline">Draw freehand lines</ins>' <ins class="diffchange diffchange-inline">tool </ins>(red circle) and <ins class="diffchange diffchange-inline">modified with </ins>the <ins class="diffchange diffchange-inline">'Edit paths by nodes' (yellow circle)</ins>.]]</div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>&lt;/td&gt;</div></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>&lt;/td&gt;</div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>&lt;/tr&gt;</div></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>&lt;/tr&gt;</div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>&lt;/table&gt;</div></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>&lt;/table&gt;</div></td></tr> </table> Matt Bertone http://mx.phenomix.org/index.php?title=Creating_SVG_for_use_as_mx_annotation_overlays&diff=3710&oldid=prev Matt Bertone at 19:01, 9 July 2010 2010-07-09T19:01:47Z <p></p> <table class='diff diff-contentalign-left'> <col class='diff-marker' /> <col class='diff-content' /> <col class='diff-marker' /> <col class='diff-content' /> <tr style='vertical-align: top;'> <td colspan='2' style="background-color: white; color:black;">← Older revision</td> <td colspan='2' style="background-color: white; color:black;">Revision as of 19:01, 9 July 2010</td> </tr><tr><td colspan="2" class="diff-lineno">Line 20:</td> <td colspan="2" class="diff-lineno">Line 20:</td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>&lt;/td&gt;</div></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>&lt;/td&gt;</div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>&lt;td&gt;</div></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>&lt;td&gt;</div></td></tr> <tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div>[[Image:Guides_snapicon.jpg|300px|thumb|left|'''Fig.<del class="diffchange diffchange-inline">1</del>''' Inkscape interface showing blue guides, 'Snap to guides' icon (red circle) and the image snapped to upper left corner.]]</div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div>[[Image:Guides_snapicon.jpg|300px|thumb|left|'''Fig.<ins class="diffchange diffchange-inline">2</ins>''' Inkscape interface showing blue guides, 'Snap to guides' icon (red circle) and the image snapped to upper left corner.]]</div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>&lt;/td&gt;</div></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>&lt;/td&gt;</div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>&lt;/tr&gt;</div></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>&lt;/tr&gt;</div></td></tr> <tr><td colspan="2" class="diff-lineno">Line 36:</td> <td colspan="2" class="diff-lineno">Line 36:</td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>&lt;tr&gt;</div></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>&lt;tr&gt;</div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>&lt;td&gt;</div></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>&lt;td&gt;</div></td></tr> <tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div>[[Image:New_layer.<del class="diffchange diffchange-inline">jpg</del>|300px|thumb|left|'''Fig.<del class="diffchange diffchange-inline">1</del>''' <del class="diffchange diffchange-inline">Inkscape 'File' menu showing 'Import' function</del>.]]</div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div>[[Image:New_layer.<ins class="diffchange diffchange-inline">JPG</ins>|300px|thumb|left|'''Fig.<ins class="diffchange diffchange-inline">3</ins>''' <ins class="diffchange diffchange-inline">Creating and naming a new layer</ins>.]]</div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>&lt;/td&gt;</div></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>&lt;/td&gt;</div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>&lt;td&gt;</div></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>&lt;td&gt;</div></td></tr> </table> Matt Bertone http://mx.phenomix.org/index.php?title=Creating_SVG_for_use_as_mx_annotation_overlays&diff=3709&oldid=prev Matt Bertone at 19:00, 9 July 2010 2010-07-09T19:00:37Z <p></p> <table class='diff diff-contentalign-left'> <col class='diff-marker' /> <col class='diff-content' /> <col class='diff-marker' /> <col class='diff-content' /> <tr style='vertical-align: top;'> <td colspan='2' style="background-color: white; color:black;">← Older revision</td> <td colspan='2' style="background-color: white; color:black;">Revision as of 19:00, 9 July 2010</td> </tr><tr><td colspan="2" class="diff-lineno">Line 36:</td> <td colspan="2" class="diff-lineno">Line 36:</td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>&lt;tr&gt;</div></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>&lt;tr&gt;</div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>&lt;td&gt;</div></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>&lt;td&gt;</div></td></tr> <tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div>[[Image:<del class="diffchange diffchange-inline">Inkscape_import</del>.jpg|300px|thumb|left|'''Fig.1''' Inkscape 'File' menu showing 'Import' function.]]</div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div>[[Image:<ins class="diffchange diffchange-inline">New_layer</ins>.jpg|300px|thumb|left|'''Fig.1''' Inkscape 'File' menu showing 'Import' function.]]</div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>&lt;/td&gt;</div></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>&lt;/td&gt;</div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>&lt;td&gt;</div></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>&lt;td&gt;</div></td></tr> </table> Matt Bertone