CSS 확대 자바 스크립트

추가 SVG 요소에 영향을주지 않는 우리가 웹킷의 이전 버전에서 발생하는 (예를 들어 iOS5를) 표시 문제가 어디 SVG + svgText 자바 스크립트를 사용하여 요소과 같이 추가 :CSS 확대 자바 스크립트

var box = document.createElementNS("http://www.w3.org/2000/svg","svg"); 
var text = document.createElementNS("http://www.w3.org/2000/svg","text");

을하는 줌 세트가있는 div 안에 있으면 svgTexts는 다른 요소 (예 : svg 그래픽 등)와 마찬가지로 확대/축소되지 않습니다.

DOM에서 생성 된 html을 가져 와서 직접 추가하면 줌이 올바르게 적용되므로 텍스트 요소가 줌에 의해 영향을받지 않는 방식으로 텍스트 요소가 추가된다는 것을 확인했습니다 이유.

아무도 비슷한 문제가 발생했습니다 & 아이디어가 있습니까?

아무쪼록 고마워!

2013-03-11 waxical

내 생각 : 브라우저 확대가 재앙입니다. 해결 방법은 시간 낭비입니다. –

이것은 CSS 줌이며, 똑같은 제안 일 수 있습니다. 그러나 이것은 다른 모든 브라우저에서 작동하므로보다 건설적인 피드백을 얻는 것이 좋습니다. 많은 감사합니다. – waxical

동일한 문제가 발생했습니다. 뷰 박스를 업데이트하는 것만으로도 효과적이었습니다. 다른 태블릿을 사용한 테스트 결과이 문제는 WebKit 버전 535 또는 536에서 수정 된 것으로 나타났습니다.

저는 Raphael에서 다음을 사용합니다 : pPaper.setViewBox (0, 0, pPaper.width, pPaper.height);

확대/축소를 위해 슬라이더를 사용하고 있기 때문에 뷰 박스에 많은 시간이 걸리므로 브라우저 버전을 확인하고 필요한 경우에만 적용합니다. 시간이 있다면 기능 검사를 쓰는 것이 좋습니다.

2013-09-20 13:16:13

답변