2012-07-21 5 views
0

embedding html 태그가있는 "시트 리더"에 svg를 추가하려고합니다. FF, Chrome, IE9에서도 정상적으로 작동하지만 Safari에서 페이지를 열면 크기가 조정되지 않고 스크롤바가 표시됩니다.embed 태그가있는 SVG : Safari가 오른쪽으로 축척되지 않습니다

여기 내 테스트 환경은 다음과 같습니다. safari (버전 5.1.7, 아마도 Mac에서만 가능할까요?)에서 열면 바로 여기에 Mac이 있습니다. 무슨 뜻인지 알 수 있습니다.

내 질문은 : 데모에서 svg 파일을 사파리에서 바로 확장 할 수있는 방법이 있습니까?

나는 주변 검색이 특정 질문에 아무것도 찾을 수 없습니다, 그래서 당신이 날 :) 도울 수 있기를 바랍니다

편집 : 내가 사용할 수 없습니다 IMG IMG 태그를 통해 SVG는 스크립트되지 않기 때문에 :(

.
+0

난 당신이 무슨 뜻인지 볼 ... 방법으로 멋진 앱 ! – Linuxios

답변

2

당신은 SVG 태그에 대한 귀하의 브라우저 기본 CSS 규칙을 무시하여 .svg 파일에 SVG 태그에서 width=""height=""를 제거하거나 대신 embed 태그의 IMG으로 SVG를 포함 :

<img type='image/svg+xml' src="file.svg" style="width: 100%; height: 100%;" /> 
+0

죄송합니다, 내 질문에 이것을 언급하는 것에 대해, 지금 편집했습니다. img를 사용할 수 없습니다. svg 파일로 스크립트를 만들고 나중에 img-tag를 통해 svg를 할 수 없기 때문입니다. – Dominik

+0

그러면 svg 파일에서 너비와 높이를 제거하거나 스크립트로 값을 무시하십시오. – gronke

+0

팁 주셔서 감사합니다. 내 결론은 다음과 같습니다. 먼저 퍼가기 태그에 너비/높이 = 100 %를 추가하려고했습니다. -> 작동하지 않았으며, 사파리가 무엇이든지간에 확장되지 않았습니다. 그런 다음 당신의 "img"- 발췌 문장을 사용하려고했습니다. 매력처럼 작동하지만, 말하자면 스크립트가 가능하지 않습니다. 마지막으로 object-tag를 사용 했는데도 작동하지 않았습니다. 그래서 나는 더 나은 버전의 사파리를 기다리고 다른 모든 주요 브라우저에서 svg를 사용합니다. (또는 적어도 사파리를 내 페이지의 gtfo로 알려주십시오.)) 어쨌든 고맙습니다. – Dominik

관련 문제