📌  相关文章
📜  SVG 属性完整参考

📅  最后修改于: 2022-05-13 01:56:26.134000             🧑  作者: Mango

SVG 属性完整参考

SVG 代表可缩放矢量图形。它可用于制作类似于 HTML 画布中的图形和动画。它是一种可以放大或缩小的矢量图形。属性用于将值传递给元素，有很多属性可以在 SVG 元素中使用。

SVG 属性列表：

  • SVG AElement.href 属性
  • SVG 前缀属性
  • SVG namespaceURI 属性
  • SVG DOMStringList.length 属性
  • SVG ownerElement 属性
  • SVG TextPathElement.startOffset 属性
  • SVG localName 属性
  • SVG Event.returnValue 属性
  • SVG Event.isTrusted 属性
  • SVG Event.returnValue 属性
  • SVG Event.currentTarget 属性
  • SVG Event.bubbles 属性
  • SVG Event.composed 属性
  • SVG Event.defaultPrevented 属性
  • SVG Event.cancelable 属性
  • SVG Element.outerHTML 属性
  • SVG Document.doctype 属性
  • SVG Document.head 属性
  • SVG Document.body 属性
  • SVG Document.image 属性
  • SVG Document.timeline 属性
  • SVG Document.scripts 属性
  • SVG Document.hidden 属性
  • SVG Document.documentURI 属性
  • SVG Document.documentElement 属性
  • SVG LineElement.x2 属性
  • SVG LineElement.y2 属性
  • SVG LineElement.x1 属性
  • SVG LineElement.y1 属性
  • SVG Element.part 属性
  • SVG Element.id 属性
  • SVG Element.attributes 属性
  • SVG Element.classList 属性
  • SVG Element.className 属性
  • SVG Element.innerHTML 属性
  • SVG LinearGradientElement.x2 属性
  • SVG 线性渐变元素.y1
  • SVG LinearGradientElement.y2 属性
  • SVG LinearGradientElement.x1 属性
  • SVG EllipseElement.ry 属性
  • SVG EllipseElement.rx 属性
  • SVG EllipseElement.cy 属性
  • SVG EllipseElement.cx 属性
  • SVG RectElement.y 属性
  • SVG RectElement.x 属性
  • SVG RectElement.ry 属性
  • SVG RectElement.width 属性
  • SVG RectElement.height 属性
  • SVG RectElement.rx 属性
  • SVG CircleElement.r 属性
  • SVG CircleElement.cy 属性
  • SVG CircleElement.cx 属性
  • SVG stop-opacity 属性
  • SVG ScriptElement.type 属性
  • SVG 描边属性
  • SVG SpecularLighting.specularExponent 属性
  • SVG SpecularLighting.kernelUnitLengthY 属性
  • SVG UseElement.height 属性
  • SVG UseElement.width 属性
  • SVG UseElement.x 属性
  • SVG UseElement.y 属性
  • SVG window.close 属性
  • SVG window.crypto 属性
  • SVG window.history 属性
  • SVG window.toolbar 属性
  • SVG window.isSecureContext 属性
  • SVG window.statusbar 属性
  • SVG window.document 属性
  • SVG window.event 属性
  • SVG window.performance 属性
  • SVG window.menubar 属性
  • SVG window.scrollbars 属性
  • SVG FEBlendElement.mode 属性
  • SVG FEBlendElement.in2 属性
  • SVG FEBlendElement.in1 属性
  • SVG FEDisplacementMap.scale 属性
  • SVG FEDisplacementMap.in2 属性
  • SVG FEDisplacementMap.in1 属性
  • SVG FEDisplacementMap.xChannelSelector 属性
  • SVG FEDisplacementMap.yChannelSelector 属性
  • SVG FEDropShadow.dx 属性
  • SVG FEDropShadow.dy 属性
  • SVG FEDropShadow.in1 属性
  • SVG FEDropShadow.stdDeviationX 属性
  • SVG FEDropShadow.stdDeviationY 属性
  • SVG FEGaussionBlur.in1 属性
  • SVG FEGaussionBlur.stdDeviationX 属性
  • SVG FEGaussionBlur.stdDeviationY 属性
  • SVG FEMergeNode.in1 属性
  • SVG FEOffset.in1 属性
  • SVG FEOffset.dx 属性
  • SVG FEOffset.dy 属性
  • SVG FESpotLightElement.z 属性
  • SVG FESpotLightElement.x 属性
  • SVG FESpotLightElement.y 属性
  • SVG FESpotLightElement.pointsAtX 属性
  • SVG FESpotLightElement.limitingConeAngle 属性
  • SVG FESpecularLighting.in1 属性
  • SVG FESpecularLighting.surfaceScale 属性
  • SVG FESpecularLighting.specularConstant 属性
  • SVG FESpecularLighting.kernelUnitLengthX 属性
  • SVG FESpotLightElement.pointsAtY 属性
  • SVG FESpotLightElement.pointsAtZ 属性

下面的示例将简要介绍如何使用 SVG 属性：

示例：在此示例中，我们将看到两个图表，一个是椭圆，另一个是圆形。

HTML



   

      

         GeeksforGeeks
      

          SVG Property 
      

      

         
            
         
      

        
      

         
            
         
      

      

   

输出：

SVG 属性

SVG 属性