SVG是什么
，知道吗？SVG其实就是我们常说的图形字体，既然叫这个名字就说明它很特殊，能用XML语言编写出你想要的2D画面。这个技术可是W3C大佬们搞出来的而且还被纳入到了网络矢量图形的标准里面！不管图片有多大，SVG都是用文字描绘出各个部位的，这绝对是新的思路！就像是用水彩在纸上画出的图案，比那种像素组成的照片可灵活多了。
你知道吗？在SVG里面，只要告诉它图片长啥样&什么色调啥的，即使放大了也不会模糊不清呐！所以，很多人都爱用它传输图画，尤其是在网上用。而且，SVG还是W3C的官方推荐！DOM和XSL这两个搭档也是它玩得飞起的伙伴，加在一起就成为了强大的网络图片系统。
Canvas和SVG的区别
Canvas和SVG都是网页设计的绘画利器！Canvas是用javascript画出点滴细节的大牛，只要画过之后浏览器就不管喽，换个位置就要重头来过哟。
和别的画图方式比起来，SVG用XML语言来表述二维图形，每个小部件都随便你怎么用，还能管理事件的响应呢!把每幅画都看做一个个独立的小物体，属性一改变，浏览器就会自动为你调整更新。而且它还不怕分辨率不同，事件什么的也都能搞定，对于需要大量渲染区域的App，SVG绝对是你的理想之选哟。
Canvas的特点
Canvas，挺适合画图这些事情的，尤其是对于那些老重绘、需要像素级操作还得输出PNG或JPG文件的情况。但Canvas有个毛病，就是写东西麻烦，处理不了事件，只适合做像三维图像和游戏这样的事。可是如果你的软件要用起来活动自如，还要做些炫酷的动画效果的话，Canvas可能就不够用咯。
SVG与Canvas在实际应用中的选择
选哪个好？这得看你需要什么！比如说，你对图质有要求并且要做交互效果的，那SVG就是你的菜；但如果在意速度和能精细操控图像，还有经常想要刷新的，那么Canvas应该更适合你。
想开发个能看海量地理信息又能和用户互动的地图软件？选SVG没错！加上简单的JavaScript就能搞定用户交互问题。反之如果是做个常变画面、需要小精灵互动并进行碰撞检测的游戏，那选择Canvas肯定不会错！
SVG和Canvas各自优势总结
说白了，SVG和Canvas各有千秋，选择哪个主要看你项目啥需求。想高画质、带交互？那用SVG没错儿；追求速度快、玩起来爽？那请让Canvas出场！
评论0