时间戳

首页 > 解决方案 > 如何使用角材料设计箭头网格

angular - 如何使用角材料设计箭头网格

问题描述

我需要使用有角度的材料设计 ui 看起来像下图，任何关于此的想法对我都非常有帮助。

在此处输入图像描述

标签： angularangular-material

解决方案

您可以使用 SVG 指令。SVG 就像 HTML 一样是标记，浏览器允许<svg>直接嵌入到 HTML 文档中。这是一个简单的例子：

<svg viewBox="0 0 250 250">
  <polygon points="125,30 125,30 125,30 31.9,63.2 46.1,186.3 125,230 125,230 125,230 203.9,186.3 218.1,63.2" />
  <polygon points="125,30 125,52.2 125,52.1 125,153.4 125,153.4 125,230 125,230 203.9,186.3 218.1,63.2 125,30" />
  <path d="M125,52.1L66.8,182.6h0h21.7h0l11.7-29.2h49.4l11.7,29.2h0h21.7h0L125,52.1L125,52.1L125,52.1L125,52.1
      L125,52.1z M142,135.4H108l17-40.9L142,135.4z"/>
</svg>

来源

推荐阅读