UserAgent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/56.0.2924.87 Safari/537.36

Steps to reproduce the problem:
1. Try to use any value of the SVG/CSS property `vector-effect` other than `non-scaling-stroke`.

What is the expected behavior?
See spec: https://www.w3.org/TR/SVG2/coords.html#VectorEffects

What went wrong?
These are not implemented / nothing happens.

Did this work before? N/A 

Does this work in other browsers? N/A

Chrome version: 56.0.2924.87  Channel: stable
OS Version: 10.0
Flash Version: 

The vector effects options make it possible to create responsive graphics where parts of the graphic scale or are transformed, but other parts maintain an absolute size or orientation.  They are frequently requested by people using SVG for data visualization or mapping, where it is desired that the overall map or chart scales or rotates, but the size and orientation of text labels or data markers stays constant.

Blink, WebKit, and Gecko all support one value: non-scaling-stroke (albeit with buggy edge-cases).  Unsupported values defined in the spec are:

- non-scaling-size 
- non-rotation 
- fixed-position

The SVG 2 spec also allows the author to indicate whether the size, rotation, or position should be reset relative to the nearest <svg> viewBox, or relative to the original screen coordinate system.

A team at KDDI has been working on an implementation for Gecko, but core Firefox team has indicated that they would not ship it unless & until they get an "intent to implement" from at least one other browser.  

Therefore, I am creating this issue to monitor interest in the feature for Blink, and hopefully result in that commitment.

Firefox issue: https://bugzilla.mozilla.org/show_bug.cgi?id=1318208
More discussion here: https://groups.google.com/forum/#%21topic/mozilla.dev.platform/T_7HTTdt-Es