Desktop Environment
Submitted by denisw on Mon, 08/08/2005 - 19:25.
Hi,
JNode seems like a great idea to me. I'd like to help JNode by helping to develop a desktop environment. I don't just want to help programming, I would also make some symbols (I've already made one icon showing a computer screen, just save the code below as a .svg file and view it with a capable program).
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
- Login to post comments
are they useable?
Hi,
are svg images useable as symbols / icons within jnode yet?
Andreas
Don't think so
I don't think SVG icons are supported yet but they're a great format for creating icons. They could easily be converted to PNGs or so.
I tried the SVG with
I tried the SVG with Inkscape and Eye Of Gnome and it worked. Try this:
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg xmlns="http://www.w3.org/2000/svg" width="128px" height="128px">
<defs>
<linearGradient id="screen-gradient" x1="0" y1="0" x2="1.5" y2="1.5">
<stop offset="0.0" style="stop-color: rgb(182, 218, 255);" />
<stop offset="1.0" style="stop-color: rgb(24, 88, 255);" />
</linearGradient>
<radialGradient id="screen-shine-gradient" cx="1" cy="1" r="1.05">
<stop offset="0.0" style="stop-color: white;" />
<stop offset="1.0" style="stop-opacity: 0;" />
</radialGradient>
<linearGradient id="screen-border" x1="0.4" y1="0.4" x2="0.6" y2="0.6">
<stop offset="0.0" style="stop-color: rgb(105,105,105);" />
<stop offset="1.0" style="stop-color: rgb(155,155,155);" />
</linearGradient>
<linearGradient id="monitor-border-gradient" x1="0" y1="0" x2="1" y2="1">
<stop offset="0.0" style="stop-color: rgb(220,220,220);" />
<stop offset="1.0" style="stop-color: rgb(140,140,140);" />
</linearGradient>
<linearGradient id="monitor-border-border" x1="0.4" y1="0.4" x2="0.6" y2="0.6">
<stop offset="0.0" style="stop-color: rgb(155,155,155);" />
<stop offset="1.0" style="stop-color: rgb(105,105,105);" />
</linearGradient>
<linearGradient id="monitor-stand-gradient" x1="0" y1="0.5" x2="0.8" y2="0.5">
<stop offset="0.0" style="stop-color: rgb(200,200,200);" />
<stop offset="1.0" style="stop-color: rgb(140,140,140);" />
</linearGradient>
</defs>
<rect id="monitor-border"
rx="5"
ry="5"
x="9"
y="5"
width="110"
height="80"
style="fill: url(#monitor-border-gradient); stroke: url(#monitor-border-border); stroke-width: 2px;"
/>
<g id="screen">
<rect id="screen"
x="19"
y="15"
width="90"
height="60"
style="fill: url(#screen-gradient); stroke: url(#screen-border); stroke-width: 2px;"
/>
<path id="screen-shine"
d="M 49,75 L 109,75 L 109,35 C 109,35 49,35 49,75 z"
style="fill: url(#screen-shine-gradient);"
/>
</g>
<ellipse
cx="64"
cy="101"
ry="10"
rx="40"
style="fill: url(#monitor-stand-gradient); stroke: url(#monitor-border-border); stroke-width: 2px;"
/>
<path id="monitor-stand"
d="M 48,86 L 48,101 C 48,101 64,108 80,101 L 80,101 80,86"
style="fill: url(#monitor-stand-gradient); stroke: url(#monitor-border-border); stroke-width: 2px;"
/>
</svg>
Could you please reattach
Could you please reattach that svg code?
Martin
<?xml version="1.0"
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg xmlns="http://www.w3.org/2000/svg" width="128px" height="128px">
<defs>
<linearGradient id="screen-gradient" x1="0" y1="0" x2="1.5" y2="1.5">
<stop offset="0.0" style="stop-color: rgb(182, 218, 255);" />
<stop offset="1.0" style="stop-color: rgb(24, 88, 255);" />
</linearGradient>
<radialGradient id="screen-shine-gradient" cx="1" cy="1" r="1.05">
<stop offset="0.0" style="stop-color: white;" />
<stop offset="1.0" style="stop-opacity: 0;" />
</radialGradient>
<linearGradient id="screen-border" x1="0.4" y1="0.4" x2="0.6" y2="0.6">
<stop offset="0.0" style="stop-color: rgb(105,105,105);" />
<stop offset="1.0" style="stop-color: rgb(155,155,155);" />
</linearGradient>
<linearGradient id="monitor-border-gradient" x1="0" y1="0" x2="1" y2="1">
<stop offset="0.0" style="stop-color: rgb(220,220,220);" />
<stop offset="1.0" style="stop-color: rgb(140,140,140);" />
</linearGradient>
<linearGradient id="monitor-border-border" x1="0.4" y1="0.4" x2="0.6" y2="0.6">
<stop offset="0.0" style="stop-color: rgb(155,155,155);" />
<stop offset="1.0" style="stop-color: rgb(105,105,105);" />
</linearGradient>
<linearGradient id="monitor-stand-gradient" spreadMethod="reflected" x1="0" y1="0.5" x2="0.8" y2="0.5">
<stop offset="0.0" style="stop-color: rgb(200,200,200);" />
<stop offset="1.0" style="stop-color: rgb(140,140,140);" />
</linearGradient>
</defs>
<rect id="monitor-border"
rx="5"
ry="5"
x="9"
y="5"
width="110"
height="80"
style="fill: url(#monitor-border-gradient); stroke: url(#monitor-border-border); stroke-width: 2px;"
/>
<g id="screen">
<rect id="screen"
x="19"
y="15"
width="90"
height="60"
style="fill: url(#screen-gradient); stroke: url(#screen-border); stroke-width: 2px;"
/>
<path id="screen-shine"
d="M 49,75 L 109,75 L 109,35 C 109,35 49,35 49,75 z"
style="fill: url(#screen-shine-gradient);"
/>
</g>
<ellipse
cx="64"
cy="101"
ry="10"
rx="40"
style="fill: url(#monitor-stand-gradient); stroke: url(#monitor-border-border); stroke-width: 2px;"
/>
<path id="monitor-stand"
d="M 48,86 L 48,101 C 48,101 64,108 80,101 L 80,101 80,86"
style="fill: url(#monitor-stand-gradient); stroke: url(#monitor-border-border); stroke-width: 2px;"
/>
</svg>
It works in IE ...
I have gotten the first svg code snippet to run without edit in IE 6.0 with the adobe svg plugin 3.03 build94. It is good, as I can not make this (no book or website source). can you make it more 3-dimensional or heavily flat? Pretty much something like the http://www.kde-look.org/content/show.php?content=17158 set would be great. Maybe we can use there set of icons and not waste time.
I could try
I'll try it, but I can't promise anything...
can't read it
I tried to read it with batik squiggle but it gave errors.
Fabien
Also problems in W3C's
Also problems in W3C's Amaya:
line 25, char 0: Unknown attribute value "reflected"
Martin