web

svg需要比较新的浏览器才支持，如果要兼容IE老版本，可使用 VML 语言.

Raphaeljs 是一个用JavaScript实现的强大的矢量图形库。可以兼容老版本浏览器.

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title></title>
    <script src="raphael.js" charset="utf-8"></script>
    <script>
    window.onload=function (){
      var page=Raphael(0,0,800,600);

      var path=page.path('M 150 100 L 200 300 100 300 Z').attr('fill', 'yellow');

      path.click(function (){
        path.animate({path: 'M 150 100 L 150 300 150 300 Z'}, 1000, 'bounce');
      });
    };
    </script>
  </head>
  <body>

  </body>
</html>

svg →