HTML - Corp and re-size SVG Image

Question

I have a following svg from which I want to display only one icon and re-size it

I visited couple of posts, but none of them is working for me.

I tried by following way:

var frameColorInfo  = [String:UIColor]()
frameColorInfo["frameColor"] = logs.frameColor//.first
frameColorInfo["matColor"] = logs.matColor//.first
NSNotificationCenter.defaultCenter().postNotificationName("FrameSizeThings", object: nil, userInfo: frameColorInfo)

It would be great If somebody can help me with a working fiddle!

Answer 1

SVG精灵表可以像这样轻松使用：

<use xlink:href="#icon-pacman"></use>

https://jsfiddle.net/xL8d31n9/

它比css sprite表更容易。

参考：https://css-tricks.com/svg-use-external-source/