added support for some SVG tags

[radebrecht]

added tags:

• clipPath
• symbol
• use

added Attributes:

• clipPath
• xlinkHref

[the-kenny]

Support for image and animate* would be pretty nice too.

Also, are you sure that xlink:href attribute works as expected? When using the Dom-Api, you need to use setAttributeNS with the correct ns-uri to correctly set the attribute.

[plievone]

Related: #830

[radebrecht]

re: the-kenny

I agree, full svg support would be even better. Unfortunately I haven't got the time.
xlink:href works well in the example below. I'm not too clear on the whole namespace thing, do you have an example where my patch fails?

var Symbols=React.createClass({
    render: function(){
        return <defs>
            <symbol id="female">
            <circle cx="10" cy="10" r="10" style={{stroke:"black", fill:"white"}} />
            </symbol>
            </defs>;
    }
});

var SvgArea=React.createClass({
    render: function() {
        return (<svg xmlns="http://www.w3.org/2000/svg" version="1.2" baseProfile="tiny"  width={this.props.w} height={this.props.h}>
                <title> Symbol Test </title>
                <Symbols />
                <use xlinkHref="#female" x="200" y="200" />
                </svg>
               );
    }
});

[sophiebits]

@radebrecht Can you test whether changing the href (without unmounting the component) works properly? My guess is it won't.

[sophiebits]

Going to close this out due to lack of activity, but let me know if you get a chance to test the changing href.