Html2canvas: 프로젝트가 활발하게 개발되지 않습니까?

@aparij 님 , 최근 몇 년 동안 이 프로젝트를 할 시간이 없었습니다. 가까운 장래에 이를 변경하기를 희망하지만 앞으로 나아가면 커뮤니티가 프로젝트를 최신 상태로 유지하는 데 더 적극적으로 참여할 수 있기를 바랍니다. 여기에는 분명히 저에게도 더 많은 참여가 필요합니다.

현재 저는 프로젝트를 부분적으로 다시 작성하는 작업을 하고 있습니다. 프로젝트가 문서를 이미지로 렌더링하는 프로세스의 여러 측면을 프로젝트에서 처리하는 방식에 몇 가지 주요 변경 사항이 있습니다. 주요 목표는 다음과 같습니다.

• 가능한 한 모듈화하여 필요한 경우 더 많은 부품을 스레드할 수 있고 브라우저에서 실행하거나 직렬화하여 서버에서 실행할 수 있습니다.
• 모듈화를 통해 새로운 CSS 기능을 더 쉽게 추가
• 프로젝트를 완전히 형식화합니다(Flow 사용).
• 개선된 텍스트 렌더링, 스레딩, 구문 분석을 필요한 최소량으로 제한하여 성능 향상
• 장치 픽셀 비율로 인한 낮은 품질의 이미지 또는 하드웨어 제한 등을 초과하는 캔버스 크기로 인한 검은색 이미지 와 같은 모바일 렌더링 문제를 해결합니다.
• 이미지 프록시(CORS용)에 대한 명확한 사양 생성, html2canvas가 현재 지원하지 않는 콘텐츠(예: SVG)를 렌더링하는 플러그인
• 명확한 문서로 웹 사이트를 최신 상태로 재작업

@niklasvh 업데이트를 게시해 주셔서 감사합니다! 최근에 자유 시간이 많지 않고 약간의 직업 변화가 있었지만 앞으로 나아갈 때 도움이 되었으면 합니다. 나는 확실히 패키지에 감사했고 당신이 그것에 대한 더 많은 계획을 가지고 있다는 소식을 듣게 되어 기쁩니다.

SVG 렌더링 옵션을 고려했는지도 궁금합니다. 예를 들어 여기 ? 기존 구현에서 큰 변화가 될 것이라는 것을 알고 있지만 대신 브라우저를 활용하여 개별적으로 스타일을 구현해야 하는 많은 골칫거리를 피할 수 있을 것 같습니다. 그러한 접근 방식의 단점을 알고 있습니까?

멋지네요 @eKoopmans! 나는 당신이 많은 PR을 제출한 것을 보았고, 바라건대 적어도 그들 중 대부분은 다음 버전에 통합될 것입니다.

foreignObject 렌더링과 관련하여 오랫동안 사용되어 왔으며 일부 이전 버전의 html2canvas에서 이를 활용했습니다(https://github.com/niklasvh/html2canvas/blob/0.4.1/src/ 지원하는 일부 브라우저의 경우 Support.js#L3 https://github.com/niklasvh/html2canvas/blob/0.4.1/src/Util.js#L18 ). 불행한 점은 Firefox가 캔버스를 손상시키지 않고 콘텐츠(이미지 포함) 렌더링을 지원하는 유일한 브라우저라고 생각한다는 것입니다. 따라서 실제로 Firefox에서만 사용할 수 있습니다. Chrome이 개선되었지만(지원하는 기능을 자세히 추적하지는 않았지만) 여전히 하위 리소스(예: 이미지)를 지원하지 않으므로 전체 페이지를 렌더링하는 데 효과적으로 사용할 수 없습니다.

그러나 텍스트 렌더링과 같은 일부 작은 부분에 활용될 수 있는지, 그리고 현재 html2canvas가 하고 있는 것(텍스트 범위 측정)보다 더 효율적인 접근 방식인지 여부는 탐색할 수 있습니다.

그리고 크로스 브라우저 문제가 있습니다. afaik IE/Safari는 캔버스를 즉시 오염시키지 않고는 foreignObject 콘텐츠의 렌더링을 지원하지 않습니다.

@niklasvh 반가워요 👍 , 다음 버전은 언제 나오나요?

여기에서 프로젝트 탭을 사용하여 기능 세트 및 릴리스 계획을 간략하게 설명할 수 있습니다. 그렇게 하면 사람들이 로드맵을 보다 쉽게 ​​볼 수 있고 프로젝트를 검사, 개선 및 유지 관리하는 데 도움이 되는 커뮤니티로 적극적으로 협력할 수 있습니다.

분명히 단지 제안일 뿐입니다. 내가 비누박싱을 하는 동안 가능한 한 빨리 @niklasvh를 하라고 제안하고 싶은 몇 가지 일이 있습니다.

1. 미해결 문제를 정리합니다. 실제로 659개의 미해결 문제가 있습니까? 정말 많네요. 올해 이후로 업데이트되지 않은 모든 항목을 닫는 것으로 시작하겠습니다. 제 생각에는 5/27페이지 정도인 것 같습니다. 그런 다음 중복 항목을 찾으십시오. 작업할 주요 문제를 선택합니다. 지금은 과잉 성장을 보기가 어렵습니다.

2. pull 요청도 가지치기를 제안합니다. 승인되지 않은 이유를 설명하거나, 이를 완전히 부인하고 계속 진행하십시오. 같은 타임라인을 제안할 수도 있습니다. 올해보다 오래된 타임라인은 닫을 수 있습니다. 진짜 문제라면 다시 돌아와서 해결할 수 있습니다.

3. 그 후에 시간과 에너지를 이 프로젝트에서 조직된 항목, 사용된 도구, OSS에 기여하는 것에 대해 친환경적인 우리를 위한 짧은 소개에 대해 어떻게 구성하고 싶은지에 대한 기여 가이드를 작성하는 데 집중할 수 있다고 생각합니다.

4. @eKoopmans 와 같은 여러 PR을 제출한 사람은 OSS 커뮤니티에 금입니다. 이 중 일부(특히 가지치기)를 도와줄 공식 협력자를 추가하세요.

@luck2011 정확한 일정을 알려드릴 수는 없지만 곧 작동하고 테스트 가능한 분기가

@markadrake 제안 감사합니다!
저는 최근에 공개된 대부분의 문제를 확실히 살펴보고 해결해야 하는지/해결할 수 있는지 확인한 다음 업데이트/닫고 각 풀 요청을 통해 다음 릴리스에 끌어오는 것이 타당한지 확인합니다. .

이후부터는 제안하신 대로 저와 공동 작업자가 더 쉽게 기여할 수 있도록 노력하여 다시는 이런 일이 쌓이지 않기를 바랍니다.

몇 가지 문제를 표시하고 잠재적인 항목을 백로그로 가져오기 시작했습니다.

👍 멋지다 @niklasvh

현재 진행 상황을 https://github.com/niklasvh/html2canvas/tree/v1.0.0으로 푸시했습니다.

현재 버전에 도달하려면 아직 더 많은 작업이 필요합니다.

@eKoopmans https://github.com/niklasvh/html2canvas/commit/a73dbf8067c92e4f25f4db71f75643f0647cb1ac 를 지원하는 브라우저에 대한 foreignObject 렌더링 지원을 다시 도입했습니다.

기본적으로 가능한 경우 foreignObject 렌더링을 사용하고(옵션으로 재정의하지 않는 한) 브라우저가 지원하지 않는 경우 일반 html2canvas 렌더링으로 대체합니다.

훌륭합니다. 좋은 소식인 것 같아요! 조만간 한판 해봐야겠네요. 프로젝트에서 수고 많으셨습니다. 감사합니다!

@niklasvh , 우수한 프로젝트 및 다시 활성화되었습니다!!
아시다시피 비디오는 기본 태그이므로 이 수정 사항을 수락 할 수 있습니까?
훌륭한 라이브러리에 다시 한 번 감사드립니다!

안녕하세요 @niklasvh , 버전 1.0.0의 상태는 무엇입니까? v1.0.0 분기가 여전히 현재 진행 상황을 테스트하는 데 사용할 수 있습니까?

모든 노력에 대해 Thx!

@jyguyomarch v1.0.0이 최신 버전의 1.0.0 코드베이스가 있는 마스터로 이동했습니다. 상태는 기본적으로 지원하지 않는 브라우저에 대한 svg 렌더링과 전체 문서의 개정이 여전히 누락되었다는 것입니다. 그 후, 첫 번째 릴리스를 출시하고 보류 중인 다른 모든 문제/PR을 정리할 수 있기를 바랍니다.

1.0.0 릴리스에 가까워지면 닫을 것입니다.