SVG 形状渲染属性

shape-rendering属性提示渲染器在渲染路径、圆形或矩形等形状时要进行权衡。它仅对以下元素有效： 、、、、、 和 。

句法：

shape-rendering = auto | optimizeSpeed | crispEdges 
                       | geometricPrecision

属性值： shape-rendering属性接受上面提到的和下面描述的值：

• auto：这个值让用户代理自动决定平衡速度，有清晰的边缘或有良好的几何精度。如果未指定任何内容，则此值将用作默认值。
• optimizeSpeed：这个值让用户代理指定形状将以某种方式渲染，以强调几何精度或清晰边缘的速度。
• crispEdges：这个值允许用户代理指定形状将被渲染，强调干净边缘的对比度而不是几何精度或速度。
• geometryPrecision：这个值让用户代理指定形状将以几何精度渲染，而不是专注于速度或清晰的边缘。

示例 1：下面的示例说明了使用几何精度属性值的形状渲染属性的使用。

输出：

示例 2：下面的示例说明了使用crispEdges属性值的形状渲染属性的使用。

HTML

  

    

  
        
GeeksforGeeks
  
        
    

  

输出：