Fatal编程技术网
  • svg/
  • Svg 为什么我只能在feDeformationMap中使用SourceGraphic作为in2？

Svg 为什么我只能在feDeformationMap中使用SourceGraphic作为in2？

svg

Svg 为什么我只能在feDeformationMap中使用SourceGraphic作为in2？,svg,svg-filters,Svg,Svg Filters,如果我在feDisplacementMap中使用'SourceGraphic'作为in2中的，情况看起来不错。但是，如果我使用其他任何东西，则不会应用变形 因此，我必须首先定义变形源，然后将过滤器应用于变形源，至少对我来说，这是违反直觉的 例如，在下面的示例中，我必须定义圆，然后将过滤器应用于圆。在过滤器内部，我使用feImage加载小猫图像。但我感觉正好相反。这项工作： 您可以在feImage中定义置换源，但它必须是定义为内联URI的完整图像，以便跨浏览器兼容 <feImage wid

如果我在
feDisplacementMap
中使用'SourceGraphic'作为
in2
中的
，情况看起来不错。但是，如果我使用其他任何东西，则不会应用变形

因此，我必须首先定义变形源，然后将过滤器应用于变形源，至少对我来说，这是违反直觉的

例如，在下面的示例中，我必须定义圆，然后将过滤器应用于圆。在过滤器内部，我使用
feImage
加载小猫图像。但我感觉正好相反。这项工作：



您可以在feImage中定义置换源，但它必须是定义为内联URI的完整图像，以便跨浏览器兼容


<feImage width="500" height="500" xlink:href="data:image/svg+xml,%3Csvg width='247' height='34'etc. etc.





<feImage width="500" height="500" xlink:href="#idOfElementYouWantToUse"/>