HTML5 Canvas荷载阶段的一些介绍，比较有难度的东西！

hexiaoyans

于 2013-09-22 20:24:53 发布

阅读量384

点赞数

分类专栏： Canvas荷载阶段的代码文章标签： Canvas荷载阶段有些意思的Canvas

Canvas荷载阶段的代码专栏收录该内容

1 篇文章 0 订阅

订阅专栏

反序列化JSON字符串,KineticJS,我们可以使用动态节点创建()方法创建一个节点从一个JSON字符串。如果我们想要序列化一个阶段节点,我们也可以通过一个可选的容器参数。

<!DOCTYPE HTML>
<html>
  <head>
    <style>
      body {
        margin: 0px;
        padding: 0px;
      }
    </style>
  </head>
  <body>
    <div id="container"></div>
    <script src="http://d3lp1msu2r81bx.cloudfront.net/kjs/js/lib/kinetic-v4.7.0.min.js"></script>
    <script defer="defer">
      var json = '{"attrs":{"width":578,"height":200},"className":"Stage","children":[{"attrs":{},"className":"Layer","children":[{"attrs":{"x":289,"y":100,"sides":6,"radius":70,"fill":"red","stroke":"black","strokeWidth":4},"className":"RegularPolygon"}]}]}';

      // create node using json string
      var stage = Kinetic.Node.create(json, 'container');
    </script>
  </body>
</html>