Hi Jake,

>  I have a quick question about your post. You state:
>
>  Meanwhile I found from your site
>  <object id="Renesis.SVG"
>  classid="clsid:AC159093-1683-4BA2-9DCF-0C350141D7F2">
>  <?import namespace="svg" urn="http://www.w3.org/2000/svg"
>  implementation="#Renesis.SVG"?>
>  </object>
>
>  Where did you find this piece of code?  Have you tested it, and found that
>  it allows you to use Renesis to render inline SVG in IE 6?

I found this on Google, pointing to a (now offline) page of theire
site. The answer
they gave to my question sounded rather reluctant to support inline SVG (?!), so
I responded with the above.

I have not tested this as I think they should state a clear commitment
for inline SVG
in the first place -  ridiculous, do they even have a choice?

Manfred

Close to existing constructions ... hmm, let's see.

Firstly, I'd suggest using child elements for storing the variables.
This way one can store arbitrarily many parameters for all kinds of
purposes. Something like

<polyline points="0,0 5,18 10,12 15,14">
  <sf:parameter values="1 1.3 1.2 0.7" for="stroke-width-multiplier"/>
  <sf:parameter values="255 164 214 128" for="stroke-component-red"/>
</polyline>

An adaption of the Animation Module's calcMode, keyTimes and
keySplines attributes could be used to have parameters vary non-
linearly along a shape's stroke.

For that purpose one could also use a syntax derived from the path
data syntax. The polynomial path segments (line-to, curve-to-cubic,
and curve-to-quadratic) can be seen as describing two non-constant
parameters (x- and y-coordinate). One can just as well use half the
number of input values for each path segment type and use the same
syntax to describe one variable parameter.

<path d="M0,0 L5,18 Q7,27 9,12 C11,-3 13,-4 15,5">
  <sf:parameter d="M1 L1.3 Q1.6 1.2 C0.8 0.6 0.7"/>
</path>

The same syntax can also be used with vector valued parameters of any
dimension. Elliptic arcs however are more challenging to generalize.


Another possibility would be to use a non-standard gradient type.
Let's call it strokeGradient. Two attributes l1 and l2 specify the
lengths along the referencing shape's stroke at which the gradient
begins and ends. Percent values are interpreted relative to the
overall length the path. This way one could describe a variable color
and opacity along a curve. Gradient stops could also be enhanched
with additional attributes stop-stroke-width and a generic stop-value.

<sf:strokeGradient id="stg0" l1="0%" l2="100%">
  <stop offset="0" stop-color="rgb(255 0 0)" sf:stop-value="1px"/>
  <stop offset="0.3" stop-color="rgb(164 0 0)" sf:stop-value="1.3px"/>
  <stop offset="0.7" stop-color="rgb(214 0 0)" sf:stop-value="1.2px"/>
  <stop offset="1" stop-color="rgb(128 0 0)" sf:stop-value="0.7px"/>
</sf:strokeGradient>
<polyline points="0,0 5,18 10,12 15,14" stroke="url(#stg0)" stroke-
width="url(#stg0)"/>

A strokeGradient would not allow for non-linear alteration along a
curve, but in case of color alteration it is close an existing
solution for a similar purpose.



The SVG Working Group Charter [1] states: "To allow more advanced
design features and efficient decorative effects, there will be
attention paid to new stroking and filling options."
Gradients along paths and varying stroke-width are not among the
given examples but I guess both these obtions will be part of some
future specification.
If anyone knows if there already is concrete discussion about
possible syntax then please let us know.

A syntax for generic, application dependent varying values along
curves would also be interesting. It could for example be used to
store z-coordinates which could then be used to derive a stereoscopic
image, or the z-coordinates could be used in creating a pseudo-3d
animation.


[1] http://www.w3.org/2007/11/SVG_rechartering/SVG-WG-charter.html

P.S.

I also keep getting these error mails stating my messages wouldn't
get posted.


--- In svg-developers@yahoogroups.com,
"a_matseevsky" <a_matseevsky@...> wrote:
>
>
> Course, I can do it in some ways. Problem is to make it as close to
> existing language constructions (is it a proper term?. I'm trying
to
> expand existing specification a little. BTW, I was sure, that this
> message has not been posted (at least I got such message)
>

Hello i'm trying to swap two images in an animation chain
I have tried changing the value of the "display" attribute after
object "P" finishes it's 10 second animation and then I tried
the "visibility" attribute.

I'm trying to create the affect of one image (200X200) suddenly
changing.

Here is the declarative syntax, where am I going wrong?

<g>
<set attributeName="visibility" to="hidden" begin="px.end"/>
<image id="P" x="116" y="235" width="200" height="200"
xlink:href="smiljscr3.png">
<animate id="px" attributeName="x" attributeType="XML" begin="0s"
dur="10s" from="0" to="500" fill="freeze"/>
</image>
</g>
<g>
<set attributeName="visibility" to="visible" begin="px.end"/>
<image id="Q" x="700" y="235" width="200" height="200"
xlink:href="smiljscr4.png" visibility="hidden" />
</g>

Looks like someone had subscribed the svg-in-daisy mailing list to
the svg-developers mailing list. Yahoo forwards the messages, but the
svg-in-daisy list manager rejects them and returns these error
messages to the senders.


--- In svg-developers@yahoogroups.com, "Julien
Reichel" <julien.reichel@...> wrote:
>
> Hi,
>
> After my last post to svg-developers@yahoogroups.com I received the
> following message:
>
> > From: Lyris ListManager [mailto:lyris-noreply@...]
> > Sent: 22 May 2008 10:10
> > To: Julien Reichel
> > Subject: Re: [svg-developers] Problem with IKIVO generated file
> > Importance: High
> >
> > Sorry, but Lyris ListManager did not find your email address
> > -> "julien.reichel@..."
> >
> > listed as a member of svg-in-daisy.
> >
> > Only members of svg-in-daisy are allowed to contribute messages.
> >
> > Because Lyris ListManager could not confirm that you are a
> > member of svg-in-daisy, your message was not accepted.
> >
> > ---
>
> Any clue about that ?
>
> Julien
>
>
> --------------------------------------------------------------------
----
> --
>
> Julien Reichel, PhD
> Technology Architect, SpinetiX S.A.
> PSE-C, CH-1015, Lausanne, Switzerland
>
> Tel:     +41 (0) 21 693 89 81
> Mail:   julien.reichel@...
> Get Information : http://www.spinetix.com
>
> --------------------------------------------------------------------
----
> --
>
> The information transmitted is intended only for the person or
entity to
> which it is addressed and may contain confidential and/or privileged
> material. Any review, retransmission, dissemination or other use
of, or
> taking of any action in reliance upon, this information by persons
or
> entities other than the intended recipient is prohibited. If you
> received this in error, please contact the sender and delete the
> material from any computer.
>

Hi,

I would like to read about SVG to XAML (and vice versa) conversion
projects using XSLT, the limits of such an approach and how it is
used in practice. Can you please help me with some references?

Regards,

Manfred Staudinger

The second image has visibility="hidden"
The <set> element which is intended to change this sets the
visibility of the containing <g> element, not of the <image> element.

You could either move the visibility setting to the group element,
make the <set> element a child of the <image>, or add xlink:href="#Q"
to the <set> element.

--- In svg-developers@yahoogroups.com, "charlesavt" <charlesavt@...>
wrote:
>
> Hello i'm trying to swap two images in an animation chain
> I have tried changing the value of the "display" attribute after
> object "P" finishes it's 10 second animation and then I tried
> the "visibility" attribute.
>
> I'm trying to create the affect of one image (200X200) suddenly
> changing.
>
> Here is the declarative syntax, where am I going wrong?
>
> <g>
> <set attributeName="visibility" to="hidden" begin="px.end"/>
> <image id="P" x="116" y="235" width="200" height="200"
> xlink:href="smiljscr3.png">
> <animate id="px" attributeName="x" attributeType="XML" begin="0s"
> dur="10s" from="0" to="500" fill="freeze"/>
> </image>
> </g>
> <g>
> <set attributeName="visibility" to="visible" begin="px.end"/>
> <image id="Q" x="700" y="235" width="200" height="200"
> xlink:href="smiljscr4.png" visibility="hidden" />
> </g>
>

I have just come across a program that converts XML and XHTML, including
SVG and MathML, into PDF. Its understanding of CSS is second to none.
The only really serious issue is that currently it doesn't support the
SVG <style> element. But other than that, it works really well. See

http://www.princexml.com

Really useful for those of us who need to generate printable copies of
SVG-equipped web documents!

Hi All,
I have to develop a web based app where I should be able to generate
dynamic graphical content based on the user's input. I am using JSP
pages  on the front  end. I found SVG to be the best thing available.
After experimenting in inline SVG I found out that it lacks many
features like user interaction, zoomability, javascript onclick
features etc. And inline was easy to put in a jsp page. But I want a
more robust and full featured output. But I am not able to implement
the pure SVG. Could some body help me providing me all the steps
required to make things work? Also I have heard about BATIK which is
Apache's implementation of SVG, but I am not sure it can be used for
web based apps or not.
If somebody knows please enlighten me.
thanks

On Wed, 04 Jun 2008 17:43:24 +0200, dupemenot <dupemenot@...> wrote:

> Hi All,
> I have to develop a web based app where I should be able to generate
> dynamic graphical content based on the user's input. I am using JSP
> pages  on the front  end. I found SVG to be the best thing available.
> After experimenting in inline SVG I found out that it lacks many
> features like user interaction, zoomability, javascript onclick
> features etc.

That sounds more like implementation bugs rather than something SVG doesn't
support. Just curious, what browser (and svg plugin if any) did you use?

> And inline was easy to put in a jsp page. But I want a
> more robust and full featured output. But I am not able to implement
> the pure SVG.

Do you have an example somewhere perhaps?

Cheers
/Erik

--
Erik Dahlstrom, Core Technology Developer, Opera Software
Co-Chair, W3C SVG Working Group
Personal blog: http://my.opera.com/macdev_ed

I have experienced the same problem with SVG due to browser differences and the
different support.  Firefox and other Gecko browsers have direct support, but
they require you to build your website using xhtml if you want to do inline
support.  Internet Explorer requires the Adobe plug-in but only works if you
display using quirks mode.  It's enough to drive a developer mad.  The one thing
that seemed to be consistent is if you use embed or object to load an external
file.  Both firefox and the Adobe viewer will import and execute the SVG file
properly with all of the proper support.

The problem with this approach is that I REALLY wanted to do inline SVG.  I have
several needs for inline but I couldn't get the support consistent among the
browsers without a lot of tweaking and crossing fingers.  It finally dawned on
me after some experimentation that there actually was a way to have my cake and
eat it too.  The trick is to build the SVG dynamically inline and then serve it
up embedded.  The way that I accomplish this on my own site (using Drupal), is
that I create the SVG embedded into the page using PHP.  When the page gets
rendered, I have a filter that 'sees' the SVG and replaces it with a conditional
embed/object sequence to load an external php file.  It also saves the current
SVG to the session.  The page executes and calls the embedded file which then
pulls the SVG content from the session and serves it back to the page.

Here is the svgembed.php file that gets loaded:
<?php
   require_once './includes/bootstrap.inc';
   drupal_bootstrap(DRUPAL_BOOTSTRAP_SESSION);

   header('Content-Type: image/svg+xml');
   echo '<?xml version="1.0" encoding="UTF-8" standalone="no"?>';
   echo $_SESSION['svg'][$_GET['index']];
?>

And this is the actual code that I use to trap and transpose the inline SVG. 
The nodeapi call is executed by Drupal anytime a page needs to get rendered.  I
simply trap the 'view' call and replace the body with my own.

function svgembed_nodeapi(&$node, $op, $teaser = NULL, $page = NULL) {
   switch ($op) {
     case 'view':
       $node = node_prepare($node, $teaser);
       $node->content['body']['#value'] = svgembed_replace_body($node->body);
       break;
   }
}

function svgembed_tags_callback($match, $tag_name = 'svg') {
   $text = preg_replace('/svg/', 'svg', $match[0]);
   $text = preg_replace('/<\/p>/', '', $text);
   $text = preg_replace('/<br \/>/', '', $text);

   $index = count($_SESSION['svg']);

   $dom = new DOMDocument();
   $dom->preserveWhiteSpace = false;
   $dom->loadXML($text);

   $doc = $dom->documentElement;
   $width = $doc->getAttribute('width');
   $height = $doc->getAttribute('height');

   $_SESSION['svg'][] = $text;
   $path = base_path(). 'svgembed.php'. "?index=$index";
   $embed = '<embed src='. $path. ' type="image/svg+xml" ';

   $eol  = "\n";
   $out  = "<!--[if IE]>" .$eol;
   $out .= "<script type=\"text/javascript\">" .$eol;
   $out .= "function isASVInstalled() {" .$eol;
   $out .= "  try {" .$eol;
   $out .= "    var asv = new ActiveXObject(\"Adobe.SVGCtl\");" .$eol;
   $out .= "    return true;" .$eol;
   $out .= "  }" .$eol;
   $out .= "  catch(e){" .$eol;
   $out .= "  }" .$eol;
   $out .= "  return false;" .$eol;
   $out .= "}" .$eol;
   $out .= "if(isASVInstalled()) {" .$eol;

   $nosvg = "<p>Unable to display SVG.  Click <a
href='http://www.adobe.com/svg/main.html'>here</a> to download the Adobe SVG
Viewer</p>";
   $embed = '<embed src="'. $path. '" type="image/svg+xml" ';
   if ($width)
     $embed .= 'width="'. ($width+10). '" ';
   if ($height)
     $embed .= 'height="'. ($height+10). '" ';
   $embed .= "/>";
   $out .= "  document.write('$embed');". $eol;
   $out .= "}" .$eol;
   $out .= "else {" .$eol;
   $out .= "  document.write(\"" . $nosvg . '");' .$eol;
   $out .= "}" .$eol;
   $out .= "</script>" .$eol;
   $out .= "<noscript>" .$eol;
   $out .= $nosvg .$eol;
   $out .= "</noscript>" .$eol;
   $out .= "<![endif]-->" .$eol;

   $out .= "<![if !IE]>" .$eol;

   $embed = '<object data='. $path. ' type="image/svg+xml" ';
   if ($width)
     $embed .= 'width="'. ($width+10). '" ';
   if ($height)
     $embed .= 'height="'. ($height+10). '" ';
   $embed .= ">";
   $out .= $embed .$eol;
   $out .= "<p>Click <a href=\"http://www.adobe.com/svg/main.html\">here</a> to
download the Adobe SVG Viewer</p>" .$eol;
   $out .= "</object>" .$eol;
   $out .= "<![endif]>" .$eol;

   return $out;
}

function svgembed_replace_body($body) {
   $tagname = 'svg';
   $search = '@<' . $tagname . '.*<\/' . $tagname . '>@siU';
   $_SESSION['svg'] = array();
   return preg_replace_callback($search, 'svgembed_tags_callback', $body);
}

I apologize for all of the code, but I thought that others might be able to
benefit from my solution.  The actual work is done in the callback.  The idea is
to strip out the SVG and replace it with an embed call.  You have to make sure
that it executes conditionally depending on IE or other browser due to the
embed/object difference.  In any case, the callback will add the SVG to the
session object array (for multiple SVG in a document), and then return the
replaced output.  The final body function returns the new html body.

This is not as efficient as it could be because of the session reloading of the
embedded file.  I couldn't find a way to get just the session data without
having to call the bootstrap function.  I'm still researching that one.

Scott


> To: svg-developers@yahoogroups.com
> From: ed@...
> Date: Thu, 5 Jun 2008 14:47:21 +0200
> Subject: Re: [svg-developers] PUre Svg
>
> On Wed, 04 Jun 2008 17:43:24 +0200, dupemenot <dupemenot@...> wrote:
>
> > Hi All,
> > I have to develop a web based app where I should be able to generate
> > dynamic graphical content based on the user's input. I am using JSP
> > pages  on the front  end. I found SVG to be the best thing available.
> > After experimenting in inline SVG I found out that it lacks many
> > features like user interaction, zoomability, javascript onclick
> > features etc.
>
> That sounds more like implementation bugs rather than something SVG doesn't
support. Just curious, what browser (and svg plugin if any) did you use?
>
> > And inline was easy to put in a jsp page. But I want a
> > more robust and full featured output. But I am not able to implement
> > the pure SVG.
>
> Do you have an example somewhere perhaps?
>
> Cheers
> /Erik
>
> --
> Erik Dahlstrom, Core Technology Developer, Opera Software
> Co-Chair, W3C SVG Working Group
> Personal blog: http://my.opera.com/macdev_ed
>
> ------------------------------------
>
> -----
> To unsubscribe send a message to: svg-developers-unsubscribe@yahoogroups.com
> -or-
> visit http://groups.yahoo.com/group/svg-developers and click "edit my
membership"
> ----Yahoo! Groups Links
>
>
>


[Non-text portions of this message have been removed]

(from a previous message)
> I was wondering what people's preferences were
> for JavaScript toolkits in SVG development?

Although currently a bit outdated and partially abandoned, I believe
that jsolait [1] is still a good choice: a simple and clean toolkit
which provides some help during SVG development (classes, modules,
communication features, etc.). Note that the framework doesn't contain
UI features as it's a somehow low level framework - no IDE around it,
just a set of (ecma)javascript files.

(from the original message)
> As I'm working to port a Python application of significant
> complexity to an SVG web application

For SVG UI development there are some projects available [2][3].
Nevertheless, in my opinion, SVG wasn't very targeted to GUI
development and, although potentially worth the try, my experience is
that GUI design still suffers from some lack of support and is
generally somehow slow to unusable. I believe that SVG is great for
advanced user interfaces where typical GUI elements aren't enough.

For something like you refer, I'd stick with GUI frameworks such as
qooxdoo [4], GWT [5], ExtJS [7] or dojo [7] (not extensive list!),
which can later be integrated with SVG for a combined GUI/graphics
environment. Also, there is good documentation on how to perform
SVG<->HTML communication [8] [9] and many examples out there which can
be used as a starting point. ;-)

Hope this helps,

  Helder Magalhães


[1] http://jsolait.net/
[2] http://csvgui.sourceforge.net/
[3] http://www.dotuscomus.com/svg/lib/library.html#gemi
[4] http://qooxdoo.org/
[5] http://code.google.com/webtoolkit/
[6] http://extjs.com/
[7] http://dojotoolkit.org/
[8] http://wiki.svg.org/Inter-Document_Communication
[9] http://www.carto.net/papers/svg/samples/svg_html.shtml

Hello again!  I have another question for the group.  Here is a sample
SVG image I created using a pattern fill:

=============================================================

<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
    xmlns:svg="http://www.w3.org/2000/svg"
    xmlns="http://www.w3.org/2000/svg"
    version="1.0"
    width="210"
    height="210"
    id="svg2">
   <defs
      id="defs4">
     <pattern
        patternUnits="userSpaceOnUse"
        height="50"
        width="50"
        y="0"
        x="0"
        id="Pattern">
       <path

style="fill:none;fill-rule:evenodd;stroke:#000000;stroke-width:5px;stroke-lineca\
p:round;stroke-linejoin:round;stroke-opacity:1"
          id="path2466"
          d="M 26.839827,11.796537 L 26.839827,35.389611 L
41.991343,26.948052" />
       <path

style="fill:none;fill-rule:evenodd;stroke:#000000;stroke-width:5px;stroke-lineca\
p:round;stroke-linejoin:round;stroke-opacity:1"
          id="path3247"
          d="M 26.839828,35.389611 L 11.688312,26.948052" />
       <path

style="fill:none;fill-rule:evenodd;stroke:#000000;stroke-width:5px;stroke-lineca\
p:round;stroke-linejoin:round;stroke-opacity:1"
          id="path3249"
          d="M 43.506492,38.203463 L 43.506492,52.705628 L
52.813851,47.51678" />
       <path

style="fill:none;fill-rule:evenodd;stroke:#000000;stroke-width:5px;stroke-lineca\
p:round;stroke-linejoin:round;stroke-opacity:1"
          id="path3251"
          d="M 43.506492,52.705628 L 34.199132,47.51678" />
     </pattern>
   </defs>
   <g
      transform="translate(-165.39507,-303.29075)"
      id="layer1">
     <path
        d="M 209.33378,387.10098 C 212.98731,382.36113
212.19092,358.25191 212.19092,344.24384 C 212.19092,332.56441
226.76287,326.31514 235.04806,324.24384 C 248.38719,320.90906
259.40355,318.52955 275.04806,318.52955 C 291.56975,318.52955
286.47664,334.85749 286.47664,349.95813 C 286.47664,365.09543
309.13657,361.3867 320.76235,361.3867 C 339.46638,361.3867
346.25167,361.16173 355.04806,369.95813 C 362.20392,377.11398
360.76235,392.78136 360.76235,407.10098 C 360.76235,421.3867
360.76235,435.67241 360.76235,449.95813 C 360.76235,459.23169
369.60026,471.02406 372.19092,481.3867 C 376.92583,500.32633
367.70274,507.10098 352.19092,507.10098 C 337.90521,507.10098
323.61949,507.10098 309.33378,507.10098 C 297.918,507.10098
283.0947,486.57619 275.04806,478.52955 C 264.5078,467.98929
243.21791,479.34423 235.04806,481.3867 C 219.37371,485.30528
204.82863,477.70555 195.04806,472.81527 C 185.96591,468.27419
176.20816,450.55253 169.33378,441.3867 C 160.83252,430.05168
175.04819,409.958 177.90521,407.10098 C 192.62819,392.378
204.10077,413.26603 209.33378,387.10098 z"
        id="path2383"

style="fill:url(#Pattern);fill-rule:evenodd;stroke:#000000;stroke-width:1px;stro\
ke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
/>
   </g>
</svg>

====================================================================

This is an example of a basic area shape for a map, filled with a
"swamp" symbol to show what's there.

What I would like to do is split out the pattern definition as its own
svg file, then call that file from within this SVG to use as the
pattern fill.  I've gone over the various info sources online and
haven't found any good examples of how to do this.  Much appreciation
in advance for any help you folks can provide!

Mark

checked notice board. Thanks. Bye

Hi SVG developers,

The SVG Open reviewing team finished the reviewing process and
published the abstracts and speakers list at the SVG Open conference
homepage: http://www.svgopen.org/

We accepted 4 keynotes, 2 panel discussions, 58 regular presentations
and 6 courses.

We'd like to thank all people who submitted a paper abstract or
course proposal and the people on the reviewing team for taking the
time to review the abstracts.

The larger number of contributions and the wide variety of topics
indicates that this year's conference will be larger and more
interesting than previous SVG Open conferences.

Looking forward to meet many SVG content developers and tool makers
at the conference in Nuremberg, Germany.

Thanks,
Andreas

Hi all,

We added a donation option to the SVG Open final registration and
payment form. As you may know, Open Source tools play a major role
when it comes to the development of SVG viewers, authoring tools,
toolkits and converters.

Open Source developers often have a hard time to collect enough
funding to finance traveling and hotel costs for presenting their
projects at conferences. If you also like and use projects like
Apache Batik, Inkscape, dojo.gfx, Mozilla, Webkit and others - this
is your chance to say thank you to the Open Source developers.

The SVG Open local organizing committee offers a limited number of
free conference passes to open source developers presenting at the
SVG Open conference. In addition, OS projects may exhibit for free.
Together with your donation we can come up with a travel fund to
enable the conference attendance of Open Source developers. We hope
that you'll make use of this donation option. If a larger number of
conference attendees makes a smaller contribution it will add up to a
useful amount of money in the travel fund.

Thanks,
Andreas

On Fri, 06 Jun 2008 18:11:31 +0200, markdyson.13441 <mdyson@...> wrote:

> Hello again!  I have another question for the group.  Here is a sample
> SVG image I created using a pattern fill:
...
> This is an example of a basic area shape for a map, filled with a
> "swamp" symbol to show what's there.
>
> What I would like to do is split out the pattern definition as its own
> svg file, then call that file from within this SVG to use as the
> pattern fill.  I've gone over the various info sources online and
> haven't found any good examples of how to do this.  Much appreciation
> in advance for any help you folks can provide!

Splitting out the pattern to a separate file works fine, but only if the viewer
supports external references.

Batik 1.7 and Opera 9.5 successfully displayed the external pattern.

Here's how I split your testcase into two:

--- Begin file: patternedpath.svg ---

<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
version="1.0"
width="210"
height="210"
id="svg2">
<g
transform="translate(-165.39507,-303.29075)"
id="layer1">
<path
d="M 209.33378,387.10098 C 212.98731,382.36113
212.19092,358.25191 212.19092,344.24384 C 212.19092,332.56441
226.76287,326.31514 235.04806,324.24384 C 248.38719,320.90906
259.40355,318.52955 275.04806,318.52955 C 291.56975,318.52955
286.47664,334.85749 286.47664,349.95813 C 286.47664,365.09543
309.13657,361.3867 320.76235,361.3867 C 339.46638,361.3867
346.25167,361.16173 355.04806,369.95813 C 362.20392,377.11398
360.76235,392.78136 360.76235,407.10098 C 360.76235,421.3867
360.76235,435.67241 360.76235,449.95813 C 360.76235,459.23169
369.60026,471.02406 372.19092,481.3867 C 376.92583,500.32633
367.70274,507.10098 352.19092,507.10098 C 337.90521,507.10098
323.61949,507.10098 309.33378,507.10098 C 297.918,507.10098
283.0947,486.57619 275.04806,478.52955 C 264.5078,467.98929
243.21791,479.34423 235.04806,481.3867 C 219.37371,485.30528
204.82863,477.70555 195.04806,472.81527 C 185.96591,468.27419
176.20816,450.55253 169.33378,441.3867 C 160.83252,430.05168
175.04819,409.958 177.90521,407.10098 C 192.62819,392.378
204.10077,413.26603 209.33378,387.10098 z"
id="path2383"

style="fill:url(patterndef.svg#Pattern);fill-rule:evenodd;stroke:#000000;stroke-\
width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
/>
</g>
</svg>

--- End file: patternedpath.svg ---

--- Begin file: patterndef.svg ---

<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
version="1.0"
width="210"
height="210"
id="svg2">
<defs
id="defs4">
<pattern
patternUnits="userSpaceOnUse"
height="50"
width="50"
y="0"
x="0"
id="Pattern">
<path

style="fill:none;fill-rule:evenodd;stroke:#000000;stroke-width:5px;stroke-lineca\
p:round;stroke-linejoin:round;stroke-opacity:1"
id="path2466"
d="M 26.839827,11.796537 L 26.839827,35.389611 L
41.991343,26.948052" />
<path

style="fill:none;fill-rule:evenodd;stroke:#000000;stroke-width:5px;stroke-lineca\
p:round;stroke-linejoin:round;stroke-opacity:1"
id="path3247"
d="M 26.839828,35.389611 L 11.688312,26.948052" />
<path

style="fill:none;fill-rule:evenodd;stroke:#000000;stroke-width:5px;stroke-lineca\
p:round;stroke-linejoin:round;stroke-opacity:1"
id="path3249"
d="M 43.506492,38.203463 L 43.506492,52.705628 L
52.813851,47.51678" />
<path

style="fill:none;fill-rule:evenodd;stroke:#000000;stroke-width:5px;stroke-lineca\
p:round;stroke-linejoin:round;stroke-opacity:1"
id="path3251"
d="M 43.506492,52.705628 L 34.199132,47.51678" />
</pattern>
</defs>
</svg>

--- End file: patterndef.svg ---

Cheers
/Erik

--
Erik Dahlstrom, Core Technology Developer, Opera Software
Co-Chair, W3C SVG Working Group
Personal blog: http://my.opera.com/macdev_ed

Hi,

I'm using the Firefox plugin Greasemonkey to render SVG on top of
pages. The code I'm using is like this

          var SVG_NS = "http://www.w3.org/2000/svg";
          var XLINK_NS = "http://www.w3.org/1999/xlink";
          var svgNode = document.createElementNS(SVG_NS, 'svg');
          svgNode.style.position = 'absolute';
          svgNode.style.left = '10px';
          svgNode.style.top = '10px';
          svgNode.style.zIndex = '2000000';
          document.body.appendChild(svgNode);

          var image = document.createElementNS(SVG_NS, "image");
          image.setAttribute('width', '276');
          image.setAttribute('height', '110');
          svgNode.appendChild(image);
          image.setAttributeNS(XLINK_NS, 'href',
"http://www.google.com/logos/logo.gif
");

This has been working fine in FF2 on all pages.

With the various betas and release candidates of FF3, it only works on
a small number of pages, and I don't see what the difference between
those pages are. Pages that work:
facebook.com
wikipedia.org
alexa.com

Pages that don't work:
google.com
yahoo.com
w3.org
opera.com
mozilla.com

There's no error message. The SVG actually ends up in the DOM
(according to Firebug), it just doesn't seem to get rendered.

I'm guessing this may have something to do with Greasemonkey, because
if I make a local copy of google.com's HTML, manually add the code
that draws the svg, and open it with FF3, it works fine. However,
since this used to work in FF2, it must be due to some SVG related
changes in FF3.

Any help would be greatly appreciated!
Thanks,
Christian



[Non-text portions of this message have been removed]

Christian Pekeler wrote of problems with a Greasemonkey combination in
Firefox 3 pre-release.

There has been some discussion of new releases of Greasemonkey for
FF3... do these help?
http://alex.polvi.net/2008/05/29/state-of-the-add-ons-report-may-29th/
http://cybernetnews.com/2008/06/05/greasemonkey-for-firefox-3/

(I'm curious about the project... will you be requiring that audience
members install Greasemonkey too, barring visitors in other browsers, or
is this more a personal use?)

jd




--
John Dowdell . Adobe Developer Support . San Francisco CA USA
Weblog: http://weblogs.macromedia.com/jd
Aggregator: http://weblogs.macromedia.com/mxna
Technotes: http://www.macromedia.com/support/
Spam killed my private email -- public record is best, thanks.

hi,

i am trying to change the shape of my text so that it looks like like
this image
<http://www.planetphotoshop.com/tutorials/spivey/spivey49_image4.gif>  .
I have been trying to teach myself svg on and off. That image is just a
sample. If you can just show me how to do it like it shows, i can then
modify my own.

Regards

Zafar



[Non-text portions of this message have been removed]

I happened to notice this news and thought some of you might find it to be of
interest:

http://www.dreampark.com/385.html

The story is quite brief, but intriguing.

David

[Non-text portions of this message have been removed]

As Opera 9 is available for TV boxes and supports SVG, they are probably using
their platform to deliver SVG content.
Something I talked with Channel4 in UK.

Veiko

http://veikoh.wordpress.com


--- On Tue, 6/10/08, ddailey <ddailey@...> wrote:

> From: ddailey <ddailey@...>
> Subject: [svg-developers] SVG moves into IPTV
> To: svg-developers@yahoogroups.com
> Date: Tuesday, June 10, 2008, 9:01 PM
> I happened to notice this news and thought some of you might
> find it to be of interest:
>
> http://www.dreampark.com/385.html
>
> The story is quite brief, but intriguing.
>
> David
>
> [Non-text portions of this message have been removed]
>
>
> ------------------------------------
>
> -----
> To unsubscribe send a message to:
> svg-developers-unsubscribe@yahoogroups.com
> -or-
> visit http://groups.yahoo.com/group/svg-developers and
> click "edit my membership"
> ----Yahoo! Groups Links
>
>
>

Hi All,
     I was wondering if there was a way to call SVG according to the
selection in the selectionlist or combo box. I have the code for
dropdownlist from the svg sites
http://www.carto.net/papers/svg/gui/selectionlist/

But it does that for images. Can somebody help me to do the same for
SVG's. The code to call the image upon selection is in the file init.js
and index.svg where the image is called when selected.

I did try by changing .jpg to .svg and embedding SVG instead of img
file. But in vain. I would appreaciate if someone could please help
help me.

Thanks.
Sujana.

thanks Veiko. Maybe that's what it is.
Dreamgallery describes their product as "middleware IPTV" so I was thinking it
enabled TV studios to overlay text and graphics onto the video before they send
out to homes,  but perhaps it means instead that the home user uses SVG on top
of the station-provided video for purposes like channel selection and menuing?
I'm not at all familiar with IPTV, so wasn't quite sure what it meant.

David
   ----- Original Message -----
   From: veiko herne
   To: svg-developers@yahoogroups.com
   Sent: Wednesday, June 11, 2008 4:29 AM
   Subject: Re: [svg-developers] SVG moves into IPTV


   As Opera 9 is available for TV boxes and supports SVG, they are probably using
their platform to deliver SVG content.
   Something I talked with Channel4 in UK.

   Veiko

   http://veikoh.wordpress.com

   --- On Tue, 6/10/08, ddailey <ddailey@...> wrote:

   > From: ddailey <ddailey@...>
   > Subject: [svg-developers] SVG moves into IPTV
   > To: svg-developers@yahoogroups.com
   > Date: Tuesday, June 10, 2008, 9:01 PM
   > I happened to notice this news and thought some of you might
   > find it to be of interest:
   >
   > http://www.dreampark.com/385.html
   >
   > The story is quite brief, but intriguing.
   >
   > David
   >
   > [Non-text portions of this message have been removed]
   >
   >
   > ------------------------------------
   >
   > -----
   > To unsubscribe send a message to:
   > svg-developers-unsubscribe@yahoogroups.com
   > -or-
   > visit http://groups.yahoo.com/group/svg-developers and
   > click "edit my membership"
   > ----Yahoo! Groups Links
   >
   >
   >





[Non-text portions of this message have been removed]

Erik,

Thank you for the response.  A follow-up question:  does the fill:url
directive allow for a full address in the case of a fill pattern file
stored elsewhere?  For example:

style="fill:url(http://www.somewhere.else/svg_fills/patterndef.svg#Pattern);


Thanks again!
Mark

Erik Dahlström wrote:
> On Fri, 06 Jun 2008 18:11:31 +0200, markdyson.13441 <mdyson@...>
wrote:
>
>
>> Hello again!  I have another question for the group.  Here is a sample
>> SVG image I created using a pattern fill:
>>
> ...
>
>> This is an example of a basic area shape for a map, filled with a
>> "swamp" symbol to show what's there.
>>
>> What I would like to do is split out the pattern definition as its own
>> svg file, then call that file from within this SVG to use as the
>> pattern fill.  I've gone over the various info sources online and
>> haven't found any good examples of how to do this.  Much appreciation
>> in advance for any help you folks can provide!
>>
>
> Splitting out the pattern to a separate file works fine, but only if the
viewer supports external references.
>
> Batik 1.7 and Opera 9.5 successfully displayed the external pattern.
>
> Here's how I split your testcase into two:
>
> --- Begin file: patternedpath.svg ---
>
> <?xml version="1.0" encoding="UTF-8" standalone="no"?>
> <!-- Created with Inkscape (http://www.inkscape.org/) -->
> <svg
> xmlns:svg="http://www.w3.org/2000/svg"
> xmlns="http://www.w3.org/2000/svg"
> version="1.0"
> width="210"
> height="210"
> id="svg2">
> <g
> transform="translate(-165.39507,-303.29075)"
> id="layer1">
> <path
> d="M 209.33378,387.10098 C 212.98731,382.36113
> 212.19092,358.25191 212.19092,344.24384 C 212.19092,332.56441
> 226.76287,326.31514 235.04806,324.24384 C 248.38719,320.90906
> 259.40355,318.52955 275.04806,318.52955 C 291.56975,318.52955
> 286.47664,334.85749 286.47664,349.95813 C 286.47664,365.09543
> 309.13657,361.3867 320.76235,361.3867 C 339.46638,361.3867
> 346.25167,361.16173 355.04806,369.95813 C 362.20392,377.11398
> 360.76235,392.78136 360.76235,407.10098 C 360.76235,421.3867
> 360.76235,435.67241 360.76235,449.95813 C 360.76235,459.23169
> 369.60026,471.02406 372.19092,481.3867 C 376.92583,500.32633
> 367.70274,507.10098 352.19092,507.10098 C 337.90521,507.10098
> 323.61949,507.10098 309.33378,507.10098 C 297.918,507.10098
> 283.0947,486.57619 275.04806,478.52955 C 264.5078,467.98929
> 243.21791,479.34423 235.04806,481.3867 C 219.37371,485.30528
> 204.82863,477.70555 195.04806,472.81527 C 185.96591,468.27419
> 176.20816,450.55253 169.33378,441.3867 C 160.83252,430.05168
> 175.04819,409.958 177.90521,407.10098 C 192.62819,392.378
> 204.10077,413.26603 209.33378,387.10098 z"
> id="path2383"
>
>
style="fill:url(patterndef.svg#Pattern);fill-rule:evenodd;stroke:#000000;stroke-\
width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
> />
> </g>
> </svg>
>
> --- End file: patternedpath.svg ---
>
> --- Begin file: patterndef.svg ---
>
> <?xml version="1.0" encoding="UTF-8" standalone="no"?>
> <!-- Created with Inkscape (http://www.inkscape.org/) -->
> <svg
> xmlns:svg="http://www.w3.org/2000/svg"
> xmlns="http://www.w3.org/2000/svg"
> version="1.0"
> width="210"
> height="210"
> id="svg2">
> <defs
> id="defs4">
> <pattern
> patternUnits="userSpaceOnUse"
> height="50"
> width="50"
> y="0"
> x="0"
> id="Pattern">
> <path
>
>
style="fill:none;fill-rule:evenodd;stroke:#000000;stroke-width:5px;stroke-lineca\
p:round;stroke-linejoin:round;stroke-opacity:1"
> id="path2466"
> d="M 26.839827,11.796537 L 26.839827,35.389611 L
> 41.991343,26.948052" />
> <path
>
>
style="fill:none;fill-rule:evenodd;stroke:#000000;stroke-width:5px;stroke-lineca\
p:round;stroke-linejoin:round;stroke-opacity:1"
> id="path3247"
> d="M 26.839828,35.389611 L 11.688312,26.948052" />
> <path
>
>
style="fill:none;fill-rule:evenodd;stroke:#000000;stroke-width:5px;stroke-lineca\
p:round;stroke-linejoin:round;stroke-opacity:1"
> id="path3249"
> d="M 43.506492,38.203463 L 43.506492,52.705628 L
> 52.813851,47.51678" />
> <path
>
>
style="fill:none;fill-rule:evenodd;stroke:#000000;stroke-width:5px;stroke-lineca\
p:round;stroke-linejoin:round;stroke-opacity:1"
> id="path3251"
> d="M 43.506492,52.705628 L 34.199132,47.51678" />
> </pattern>
> </defs>
> </svg>
>
> --- End file: patterndef.svg ---
>
> Cheers
> /Erik
>
>

Hi Sujana,

if the SVG viewer supports the inclusion of SVG images in the <image/
> element, this should work as it works with raster images. I think
not all of the browsers/viewers support external SVG images though.

I think Opera and Batik do.

Alternatively, you may want to include the content of the SVG files
into the document, using network requests - see http://www.carto.net/
papers/svg/network_requests/index.shtml for instructions and an
example.

Andreas


--- In svg-developers@yahoogroups.com,
"sujana_jyothi" <sujana_jyothi@...> wrote:
>
> Hi All,
>     I was wondering if there was a way to call SVG according to the
> selection in the selectionlist or combo box. I have the code for
> dropdownlist from the svg sites
> http://www.carto.net/papers/svg/gui/selectionlist/
>
> But it does that for images. Can somebody help me to do the same
for
> SVG's. The code to call the image upon selection is in the file
init.js
> and index.svg where the image is called when selected.
>
> I did try by changing .jpg to .svg and embedding SVG instead of img
> file. But in vain. I would appreaciate if someone could please help
> help me.
>
> Thanks.
> Sujana.
>

on the same issue:

http://www.svgopen.org/2008/
index.php?section=abstracts_and_proceedings
--> look for "SVG and Digital Television"

There is also a company in Switzerland (www.spinetix.com) which
develops a multimedia player device for information kiosks/
advertising, etc. - they also use SVG.

Andreas


--- In svg-developers@yahoogroups.com, "ddailey" <ddailey@...> wrote:
>
> I happened to notice this news and thought some of you might find
it to be of interest:
>
> http://www.dreampark.com/385.html
>
> The story is quite brief, but intriguing.
>
> David
>
> [Non-text portions of this message have been removed]
>

On Wed, 11 Jun 2008 17:41:49 +0200, Mark Dyson <mdyson@...> wrote:

> Erik,
>
> Thank you for the response.  A follow-up question:  does the fill:url
> directive allow for a full address in the case of a fill pattern file
> stored elsewhere?  For example:
>
> style="fill:url(http://www.somewhere.else/svg_fills/patterndef.svg#Pattern);

Yes, that's allowed[1].

Cheers
/Erik

[1] http://www.w3.org/TR/SVG11/struct.html#uriReferenceDefinition

--
Erik Dahlstrom, Core Technology Developer, Opera Software
Co-Chair, W3C SVG Working Group
Personal blog: http://my.opera.com/macdev_ed

Hi SVG developers,

Opera 9.5 was just released. It adds some very interesting features
from SVG 1.2:

* editable text (without scripting, just set editable="simple"),
editable text also works with text on path
* text area (not more scripting)
* SVG can be used in the html <img/> element
* SVG can be used as a background of an HTML page

There are other improvements as well.

See http://dev.opera.com/articles/view/opera-9-5-the-next-generation-
of-web-s/ for more information and some SVG demos.

Another nice addition are the developer tools: DOM viewer and
javascript debugger - which should help developers debugging their
SVG applications

Andreas

I have an svg file with an embeded base-64 png image (see below dashed
line for its source)  The png image is  5 pixels by 5 pixels and I am
trying to scale it up and have it remain visually pixelated.  The idea
is that I'll use this to do surface plots where every row/column has a
specific color and each color corresponds to some value dependent on
that is being plotted.  These plots will be similar to the one
depicted here (you can see the separate "boxes" when there are not too
many.: http://www.uta.edu/faculty/sawasthi/Statistics/popups/popup13.gif
I do not really want this image to be smoothed out as I want it very
clear which row and column is which color.  Using svg rectangles is
out of the question because that gets way too huge way too fast (the
file would be huge, loading would take forever, a 100x100 version of
this froze firefox on my machine), most of our plots will have
hundreds or thousands of elements.

Inkscape renders this image as I'd expect, where I can clearly make
out the 25 boxes, but rsvg-view and firefox both smooth the image and
I cannot figure out how to turn them off.  I've gone through a lot of
the svg specification to no avail.  Below I have my attempt at
filter="none" that doesn't make a difference in my image.  Does anyone
have any help or suggestions on fixing this?  Is this a bug of
firefox's svg renderer?  I can't seem to find any well defined answers
and I figure I would try here before jumping to adding a bug.

----------------------------------------
<?xml version="1.0"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
  "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">

<svg width="612pt" height="792pt" xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1">

    <g transform="translate(0,792) scale(1,-1)">
       <text x="306" y="54.6" transform="scale(1,-1) translate(0,-792)"
fill="#000000"
        style="font-size:12pt;font-family:monospace;text-
anchor:middle;">
       Bitmap Test -- (5x5)
       </text>
       <rect x="10" y="10" width="592" height="694.8" fill="none"
style="stroke:black;stroke-width:1pt;"/>
       <image x="20" y="20" width="572" height="674.8" filter="none"
preserveAspectRatio="none"
         xmlns:xlink="http://www.w3.org/1999/xlink" xlink:show="embed"
         xlink:href="data:image/
png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAIAAAACDbGyAAAAAXNSR0IArs4c6QAAAFtJR\
EFUCB0BUACv/
wAAAAAAMwAAZgAAmQAAzAAAMwAAMzMAM2YAM5kAM8wAAGYAAGYzAGZmAGaZAGbMAACZAACZMwCZZgCZm\
QCZzAAAzAAAzDMAzGYAzJkAzMwAagIT7aig
+k0AAAAASUVORK5CYII"/>
    </g>
</svg>

I think I narrowed down the problem, excluding Greasemonkey from the equation.
The
following pages render SVG in Safari and FF2, but not in FF3.

http://pekeler.org/test/svg.html
http://pekeler.org/test/svg2.html
http://pekeler.org/test/svg.xhtml

I've reported this to bugzilla.mozilla.org (bug #438867). I hope someone fixes
this before
Tuesday :)


Christian


--- In svg-developers@yahoogroups.com, Christian Pekeler <christian@...> wrote:
> I'm using the Firefox plugin Greasemonkey to render SVG on top of
> pages. The code I'm using is like this
>
>          var SVG_NS = "http://www.w3.org/2000/svg";
>          var XLINK_NS = "http://www.w3.org/1999/xlink";
>          var svgNode = document.createElementNS(SVG_NS, 'svg');
>          svgNode.style.position = 'absolute';
>          svgNode.style.left = '10px';
>          svgNode.style.top = '10px';
>          svgNode.style.zIndex = '2000000';
>          document.body.appendChild(svgNode);
>
>          var image = document.createElementNS(SVG_NS, "image");
>          image.setAttribute('width', '276');
>          image.setAttribute('height', '110');
>          svgNode.appendChild(image);
>          image.setAttributeNS(XLINK_NS, 'href',
"http://www.google.com/logos/logo.gif
> ");
>
> This has been working fine in FF2 on all pages.
>
> With the various betas and release candidates of FF3, it only works on
> a small number of pages, and I don't see what the difference between
> those pages are. Pages that work:
> facebook.com
> wikipedia.org
> alexa.com
>
> Pages that don't work:
> google.com
> yahoo.com
> w3.org
> opera.com
> mozilla.com
>
> There's no error message. The SVG actually ends up in the DOM
> (according to Firebug), it just doesn't seem to get rendered.
>
> I'm guessing this may have something to do with Greasemonkey, because
> if I make a local copy of google.com's HTML, manually add the code
> that draws the svg, and open it with FF3, it works fine. However,
> since this used to work in FF2, it must be due to some SVG related
> changes in FF3.
>
> Any help would be greatly appreciated!
> Thanks,
> Christian
>