二维流动的实现

最新推荐文章于 2020-12-04 00:48:43 发布

qq_40921880

最新推荐文章于 2020-12-04 00:48:43 发布

阅读量1.2k

点赞数

本文链接：https://blog.csdn.net/qq_40921880/article/details/87878251

版权

本文介绍了如何在二维平面上实现流动效果，探讨了利用shape和edge两种方法，并提供了相关示例链接。

摘要由CSDN通过智能技术生成

二维流动的实现

三种方式实现二维平面的流动

利用shape

<!DOCTYPE html>
<html>
  <head>
    <title>二维流动</title>
    <style>
      .view {
    
        background: black;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
      }
    </style>
    <script src="../guide/lib/core/ht.js"></script>
    <script src="../guide/lib/plugin/ht-modeling.js"></script>
    <script src="../guide/lib/plugin/ht-obj.js"></script>
    <script src="../guide/lib/plugin/ht-edgetype.js"></script>
    <script src="../guide/lib/plugin/ht-form.js"></script>
    <script src="../guide/lib/plugin/ht-vector.js"></script>
    <script src="../guide/lib/plugin/ht-flow.js"></script>
    <script src="../guide/lib/plugin/ht-contextmenu.js"></script>
    <script src="../guide/lib/plugin/contextmenu.js"></script>
    <script src="../guide/lib/plugin/ht-dashflow.js"></script>

    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <script type="text/javascript">
      window.addEventListener("load", function() {
    
        var graph = (window.graph = new ht.graph.GraphView()),
          dm = (window.dm = graph.dm()),
          view = graph.getView();

        var shape = new ht.Shape();
        shape.setPoints(
          new ht.List([
            {
     x: 0, y: 0 },
            {
     x: 50, y: 0 },
            {
     x: 50, y: 25 },
            {
     x: 200, y: 25 },
            {
     x: 200, y: 50 },
            {
     x: 230, y: 50 },
            {
     x: 230, y: 65 }
          ])
        );
        // shape.setSegments(new ht.List([1, 2, 1, 2, 1, 2, 1, 2, 1, 2, 1, 2]));
        shape.setSize(500, 300);
        shape.setPosition(400, 300);
        shape

最低0.47元/天解锁文章

qq_40921880

关注

0
点赞
踩
5

收藏

觉得还不错? 一键收藏
0
评论
二维流动的实现

二维流动的实现三种方式实现二维平面的流动利用shape&lt;!DOCTYPE html&gt;&lt;html&gt; &lt;head&gt; &lt;title&gt;二维流动&lt;/title&gt; &lt;style&gt; .view { background: black; position: absol...
复制链接

扫一扫