📜  SVG运算符属性

📅  最后修改于: 2021-11-03 04:18:49             🧑  作者: Mango

运算符属性定义要执行的合成操作或变形操作。使用此属性的元素包括:

句法:

operator = erode|dilate|over|arithmetic|out|atop|xor|lighter|in

属性值: 运算符属性接受上面提到和下面描述的值

  • over:表示in属性中定义的源图形放置在in2属性中定义的目标图形之上。
  • in:表示in属性中定义的源图形部分替换了in2属性中定义的目标图形。
  • out:显示在in属性中定义的源图形部分。
  • atop:表示源图形与目标图形重叠的部分,替换目标图形。
  • xor:表示in属性中定义的源图形的非重叠区域与in2属性中定义的目标图形组合在一起。
  • 更亮:显示分别在inin2属性中定义的源图形和目标图形的总和。
  • 算术:表示分别定义在inin2属性中的源图形和目标图形使用以下公式组合: result = k1*i1*i2 + k2*i1 + k3*i2 + k4
  • 侵蚀:它使in属性中定义的源图形变细。
  • dilate:它使in属性中定义的源图形变胖。

下面的例子说明了运算符属性的使用。

示例 1:

HTML


 

    

        GeeksforGeeks     

                                                                       Thin text                


HTML


 

    

        GeeksforGeeks     

                                                               Fat text                


输出:

示例 2:

HTML



 

    

        GeeksforGeeks     

                                                               Fat text                

输出: