现在HTML5大热,但看了很多介绍,都是重点介绍CANVAS而相对忽略了SVG,我个人感觉这两个技术结合,优势互补,利用SVG的交互性和CANSVAS的绘图能力,才能更好地发挥各自的作用。
以前用纯SVG做到一个拼图的DEMO,现在改为SVG和CANVAS,花了一个星期的时间,重写了这个例子,在CHROME17和FF12中进行了测试。比纯SVG速度快。
一直看好SVG,但由于种种原因,包括浏览器是否支持等等,没有得到广泛的应用。在HTML5的框架内,SVG能够发挥自己应有的威力了吧?
例子代码放到http://download.csdn.net/detail/firefight/7264001
例子中的拖动使用了HAMMER库,主要考虑以后在触摸屏上的使用。当时还有兴趣写点文档,现在越来越懒了,呵呵。原理差不多,可以参考一下。http://blog.csdn.net/firefight/article/details/1387356