带有自定义输入的角度 SVG

大佬教程收集整理的这篇文章主要介绍了带有自定义输入的角度 SVG，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。

如何解决带有自定义输入的角度 SVG？

我在我的组件中收到一个参数，我知道 cx cy 等我需要前缀 attr 但是当我尝试放置从我的组件发送的值时，例如我的情况 {{ dashArray}} 我得到无法绑定到“stroke-dasharray”，因为它不是“:svg:circle”的已知属性。 这是正常的原因不是。我怎样才能解决这个问题？直接输入值有效，但我需要在将组件发送到 HTML 之前对其进行一些计算。

  <circle
    class="gauge_base"
    attr.cx="{{radius}}"
    attr.cy="{{radius}}"
    stroke="gray"
    attr.r="{{innerRadius}}"
    stroke-wIDth="{{strokeWIDth}}"
    transform=""
    stroke-linecap="round"
    fill="transparent"
    stroke-dasharray="{{dashArray}}"
  />

解决方法

<svg height="100" width="100">
  <circle
    class="gauge_base"
    attr.cx="{{radius}}"
    attr.cy="{{radius}}"
    stroke="gray"
    attr.r="{{innerRadius}}"
    attr.stroke-width="{{strokeWidth}}"
    transform=""
    stroke-linecap="round"
    fill="transparent"
    attr.stroke-dasharray="{{dashArray}}"
  />
</svg>

大佬总结

以上是大佬教程为你收集整理的带有自定义输入的角度 SVG全部内容，希望文章能够帮你解决带有自定义输入的角度 SVG所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。