링크 된 SVG 요소가 연결된 HTML 요소처럼 작동하지 않는 것처럼 보입니다. 서클 또는 경로 (경로로 렌더링 된 텍스트 포함)를 연결하는 경우 호버 상태를 활성화하려면 의 내용을 직접 콘텐츠 위의 위에 올려 놓아야합니다. 셰이프 사이의 공백에 마우스를두면 호버 상태가 트리거되지 않습니다. 다른 SVG 요소 유형에 유혹의SVG 요소의 호버 상태
예 CodePen는 : http://codepen.io/bmarshall/pen/VjgJpb
흥미롭게도, 실제 <text> 요소를 유혹하는 것은 좀 더 HTML과 같은 동작과 호버 상태는 심지어 공백으로 활성화!
SVG에서이 방법이 "그냥 있습니까?" 텍스트가 다른 모양과 다르게 처리되는 이유는 무엇입니까? 원하는 경우이 동작을 변경할 수 있습니까? 방법?
당신이 SGV 크기가 SVG에 대한 래퍼를 사용할 수 있으며, 그들은 당신이 그래서 그런 것 같다
흠 ... SVG 그래픽의 _ 현저한 부분에 호버 상태에 영향을 미치려고합니다.그러나 좋은 제안입니다 -
SVG 배경을 변경 래퍼에 마우스를 가져 가면 확인할 호버에 그 SVG 배경을 변경하려면 ...
a) 예, 이것은 연결된 SVG 요소의 동작 방식입니다. SVG는 HTML이 아니며 링크는 두 가지에서 조금 다르게 작동합니다. 짐승의 본질.
b) 진정한 SVG <text> 요소에 저장된 텍스트는 실제 텍스트와 경로가 근본적으로 다른 개념/기술이기 때문에 경로로 저장된 텍스트와는 다르게 동작합니다. <circle>, <rect> 또는 path 요소에 저장된 텍스트는 본질적으로 후드 아래의 모든 경로 객체이거나 적어도 그렇게 생각할 수 있으므로 유사한 호버 동작을 갖습니다. 그러나 텍스트는 글꼴, 기준선, 글리프 등을 사용하여 텍스트 엔진에 의해 실제로 배치되며 일반 일반 이전 경로와 다른 방법으로 렌더링됩니다. 나는 그보다 더 깊이 설명하려고 노력하면서 자신을 당황하게하지 않을 것이다. 그러나 기본적으로 개념적으로 구별되고 각각이 자신의 방식으로 표현되기 때문에 서로 다르게 행동한다.
c) SVG 내부에서 링크 된 요소의 가리 키기 동작을 변경하는 방법은별로 많지 않습니다. 링크 된 SVG 요소가 해킹이나 해결 방법을 통해 다른 사이트의 마우스를 움직일 수있는 방법이있을 수 있습니다 (귀하의 마일리지는 래퍼 요소에 따라 다를 수 있음). 그러나 이것은 SVG에서 링크가 작동하는 방식과 비슷합니다. 차이를 인식하고 요소 유형을 현명하게 선택하십시오.
공백은 기본적으로 텍스트입니다. –
어떤 의미로 하시겠습니까? –
공백은 텍스트에 관한 한 알파벳의 문자와 다르지 않습니다. 물론 모듈로 xml : 공간 압축. –