Instructions for SVG mods
Modifying svg image: Nearby Stars.
Each object represents a star with following elements:
- text
 - path
 - one or more eclipses (multiple eclipses represent stellar systems with multiple stars).
 
Text
- id="text7939"
 - font-size="20px"
 - y="420.75485"
 - x="251.64108"
 - style= 
- font-size:20px
 - fill:#ff0000
 - font-family:DejaVu Sans
 
 
Path Actions
!-- start marker for path
******************************************************************************************************************************
******************************************************************************************************************************
stop --
(path style="fill:none;fill-opacity:1;stroke:#a40000;stroke-width:0.5;stroke-linecap:butt;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffs et:0;stroke-opacity:1;display:inline" d="M 377.24363,314.02758 L 377.24363,325.08957 L 303.86863,296.71458" id="path5538" / )
Find relevant "path" element and change:
- color from near red (stroke:#a40000) to near green (stroke:#a4ff00).
 - width from narrow (stroke-width: 0.5) to less narrow (stroke-width: 2.5).
 
(path name="61 Cygni"
style="fill:none;fill-opacity:1;stroke:#a40000;stroke-width:0.5;stroke-linecap:butt;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;display:inline" d="M 474.93163,132.58958 L 474.93163,295.02758 L 303.86863,296.71458" id="path5552" /)
- fill:none
 - fill-opacity:1
 - stroke:#a40000
 - stroke-width:0.5
 - stroke-linecap:butt
 - stroke-miterlimit:4
 - stroke-dasharray:none
 - stroke-dashoffset:0
 - stroke-opacity:1
 - display:inline"
 
Eclipse actions:
!-- start marker for path
******************************************************************************************************************************
******************************************************************************************************************************
stop --
("ellipse .................... id="ellipse7862" rx="1.5" ry="1.5")
(ellipse .................... id="ellipse7862" rx="15" ry="15")
then inspect for much greater image.
then change back to original size and insert new attribute, name, as shown:
(ellipse ...............name="starName" id="ellipse7862" rx="1.5" ry="1.5")
ellipse
- id="ellipse7854"
 - ry="1.5"
 - rx="1.5"
 - cy="529.25"
 - cx="674.93799"
 - sodipodi:cx="674.93799"
 - sodipodi:cy="529.25"
 - sodipodi:rx="1.5"
 - sodipodi:ry="1.5"
 - style="fill:#f57900"
 - style="stroke:none"
 - transform="translate(-270.17782,-216.20096)"
 
Grouping with element "g" with name attribute.
Add OCT-? to above name attribute where ? can be 1 thru 8.
To observe effect of code change on image, save *.svg as "any file".
Be sure to change back with code change reversed, but keep name attribute.
NOTE: you don't want to save file as *.txt file, you want to replace current *.svg file with new code; thus, you should see a warning box alerting you to this.
Reference CLIP ART site.


0 Comments:
Post a Comment
<< Home