Add support for SVG clip-path attribute

[kraf]

Added support for SVG clip-path attribute, ad #1657

See https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/clip-path for details

[ghost23]

Wouldn't it make sense to also support the clipPath svg element then?!

[btholt]

This is a simple change that would be very beneficial to us at reddit right now. Any chance this can get merged? :)

[sebmarkbage]

@ghost23 You can already do React.createElement('clipPath') or <clipPath />, right?

[sebmarkbage]

We'll bring this in but it didn't make the cut for 0.13. Note that any new attribute is a potentially breaking change.

var Component = React.createClass({
  return <div {...this.props}><span>Clip: {this.props.clipPath}</span></div>;
});

This is currently ignored but will now start transferring to the DOM. It is probably safe to assume that the DOM ignores it but in the case of nested SVG children it might not.

We're working on getting rid of the whitelist completely. Step one is #3104

[ghost23]

@sebmarkbage Hi. Well, React.createElement('clipPath') works, but it is not supported in jsx. The docs also do not mention clipPath as a supported svg element.

[sebmarkbage]

I believe it should be support in JSX in 0.13 RC2.