什么更有效率？在html5画布或SVG图标中绘制的图标？

Question

我正在进入网络开发。我决定以最有效的交互方式构建网站。使用CSS3动画，html5语法和画布。我想我可以使用平面设计受欢迎的SVG。然而，这提出了一个问题：我是否应该花时间在画布上构建图标或在插画中设计，导出为SVG？加载时间是否会产生很大影响？

Answer 1

我会选择Canvas，但Font Awesome 和BootStrap from Twitter结合了大量的网页开发图标，你也应该考虑CSS精灵。

Answer 2

我在谷歌的搜索中发誓试图识别带有图标的密钥并研究最佳实践。这些链接可能会让您了解使用SVG而非Font Awesome等解决方案的好处。我还在围栏上。对于快速原型制作和视网膜准备好的图标字体真棒是一个“丑陋的黑客”来完成工作。对于真正的可扩展性，控制，定制设计，您可以创建SVG图形，背景或图标，当您意识到需要特定图标用于特定功能但不在包中时，这些图形，背景或图标会降低并且不会摔倒。

http://technotes.iangreenleaf.com/posts/font-awesome-not-awesome.html

Use SVG for logo on a webpage - how to have multiple instances of this logo in different colors?

希望这会有所帮助。