小编Leo*_*ati的帖子

我正在使用SVG移动/旋转/缩放功能的应用程序上工作。我正在Laravel中对后端进行编程，而前端正在使用html / css / javascript。我在网上看到折线可能具有某种三次方贝塞尔曲线。

现在我的问题是：多边形svg元素是否可以像本例中那样与折线具有相同的立方贝塞尔值？

svg的结构如下：

<svg>
    <g data-type="track">
        <polygon class="track" points="2588,851 2537,1157 1796,916 1117,723 0,382 40,80 816,314 1885,638 1887,634"></polygon>
        <polygon class="track" points="114,19 73,0 17,497 46,485"></polygon>
    </g>
</svg>

是否可以给多边形元素一个三次方贝塞尔曲线，以便它可以创建一个流体多边形而不是正方形的不倒圆角多边形？

我的 Angular 应用程序中有以下场景：

MainDashboardComponent当我有 route 时可见的组件/。显然我的文件中有<router-outlet>标签app.component.html，它看起来像这样：

<app-side-menu></app-side-menu>
<div class="main-container">
  <div class="content">
    <router-outlet></router-outlet>
  </div>
</div>

正如你所看到的，我有一个SideMenuComponent我用来在我的所有路线上都有一个侧面菜单。在MainDashboardComponent我有一个方法，由于某种原因需要切换位于侧边菜单上的聊天元素。在SideMenuComponent我内部有一个处理聊天元素可见性切换的方法，它按预期工作。如何从我的调用此方法MainDashboardComponent并从那里切换聊天元素？

我尝试过但没有成功

我试图注入SideMenuComponent我的内部MainDashboardComponent，但是虽然toggleChat()调用了该方法，但该元素并没有改变它的可见性。看起来我有一种相同组件的多个实例，我猜...

你能帮我解决这个问题吗？谢谢！

主仪表板组件

import { Component, OnInit } from '@angular/core';

@Component({
  selector: 'app-main-dashboard',
  templateUrl: './main-dashboard.component.html',
  styleUrls: ['./main-dashboard.component.scss']
})
export class MainDashboardComponent implements OnInit {

  constructor() { }

  ngOnInit() {}

  setFocus(id) {
    // here I'd like to call SideMenuComponent togglechat() ... 
  }
}

侧边菜单组件 …