html D3：svg，path，d3.selectAll，.style：草图和填充三角形

Posted

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了html D3：svg，path，d3.selectAll，.style：草图和填充三角形相关的知识，希望对你有一定的参考价值。

<!DOCTYPE html>
<html>
<head>
  <meta name="description"
        content="Use path mini-language to trace a triangle and fill it">
</head>
<body>
  <script src="http://d3js.org/d3.v3.min.js" charset=" utf-8"></script>
  <svg width="720" height="120">
    <path d="M 10 10 L 310 10 L 160 110 Z"/>
  </svg>
  <script>
    d3.selectAll('path').style('fill', 'darkkhaki');
  </script>
</body>
</html>

以上是关于html D3：svg，path，d3.selectAll，.style：草图和填充三角形的主要内容，如果未能解决你的问题，请参考以下文章

未捕获的类型错误：无法读取 AngularJS 和 D3 中未定义的属性“弧”

简化 D3js 的 SVG 路径生成字符串

使用 D3 更新 SVG 元素 Z-Index

D3 SVG 路径未填充线性比例渐变

d3js shape深入理解

SVG路径上的D3.js通配符选择[关闭]