Chrome과 SVG (Raphael), "화면이 꺼지는"문제 해결

Question

기존 시스템을 훨씬 더 대화식으로 만들 수 있다는 개념 증명의 프로토 타입 시스템을 연구 중입니다.

기본적으로 우리의 주요 소프트웨어 패키지를 에뮬레이트하지만 인터넷을 통해 JSONP 요청을 사용하여 이미지로드와 Raphael 벡터를 업데이트하여 모든 것을 실행하는 것처럼 보이게합니다.

크롬에 문제가 있지만 Raphael에서는 "오프 스크린"벡터를 그리지 않습니다. 내가 "오프 스크린"이란 뜻은 AJAX를 통해 크로스 도메인 긴 여론 혜성을 사용하여 앞뒤로 의사 소통을하기 위해 기본 앱이 iframe을 통과한다는 것입니다. 아래는 내가 의미하는 것을 보여주는 이미지입니다.

여기에 내가 '오프 스크린'비트에서보기 위해 iframe에 긴 조금 스크롤 한 당신은 희망 회색 화살표가 렌더링되지 않는 것을 볼 수 있습니다. 필자는 SVN 태그를 강조하기 위해 Chrome의 개발자 도구를 사용하여 iframe에 할당 된 크기와 동일한 SVG 태그에 450x810 픽셀 밖에 할당되지 않았 음을 보여줍니다.

Firefox에서 제대로 렌더링된다는 점을 지적해볼 가치가 있습니다. 어떤 아이디어?

Answer 1

나는 비슷한 문제가 있었다 및 관련 보였다 웹킷 프로젝트에 대한 버그 리포트를 발견했습니다

https://bugs.webkit.org/show_bug.cgi?id=64823

의견에 따라, 그것은 렌더링 엔진의 버그입니다 및 해결 방법은 따로 없다 iframe을 잃어 버리거나 SVG 뷰포트를 스크롤하는 다른 수단 (예 : SVG 요소 내의 모든 요소 이동)을 사용하지 않아도됩니다.

오늘, 베타 채널에 version 16.0.912.21이 배포되었으며 버그가 수정 된 것으로 보입니다. 나는 또한 최신 크롬 빌드 (17. 무언가)를 확인했고 그 버그는 재 포장되지 않았다. 나는 그 수정이 2 주안에 ​​안정된 채널로 들어가는 길을 찾아야한다고 생각한다.