SVG의 텍스트에 배경색을 어떻게 추가할 수 있나요?

SVG에서 텍스트 배경 색상 지정

웹 개발자는 종종 텍스트를 포함한 SVG 요소를 사용자 정의하려고 합니다. 일반적인 요청 중 하나는 CSS의 background-color 속성과 유사하게 텍스트의 배경색을 지정하는 기능입니다. 그러나 기본 채우기 속성은 텍스트 자체만 수정합니다.

가능한 해결 방법

SVG에서 텍스트 배경을 얻으려면 필터 기능을 사용할 수 있습니다. 예는 다음과 같습니다.

 <defs></p>
<div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false"><filter x="0" y="0" width="1" height="1">

로그인 후 복사

단색 배경

설명

요소는 텍스트 뒤에 노란색 배경을 만드는 필터 효과를 정의합니다. 요소는 배경색을 설정하고 배경과 원본 텍스트를 결합합니다. 필터 속성을 사용하는 요소는 텍스트 뒤에 배경색이 나타납니다.

위 내용은 SVG의 텍스트에 배경색을 어떻게 추가할 수 있나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!