Daily OSS

tag: Canvas · 3건

학습 브라우저 캔버스의 'A4 내보내기'가 실제 A4가 아닌 이유 — DPI와 인쇄 크기 해설
2026-08-19 · DEV Community - showdev · 원문 ↗ #frontend#canvas#print
  • 근거: 브라우저 캔버스 기반 툴 개발 시 A4 인쇄 해상도(DPI) 계산 관련 프론트엔드 기술 해설 기사
  • 액션:
학습 HTML canvas는 이미지 메타데이터(EXIF/GPS)를 자동 삭제한다 — 프론트엔드 함정 정리
2026-08-18 · DEV Community - showdev · 원문 ↗ #frontend#canvas#image-metadata
  • 근거: 프론트엔드/웹 개발 영역 — HTML canvas의 EXIF 메타데이터 손실 동작을 설명하는 기술 아티클
  • 액션: 브라우저 이미지 처리 시 exifr 라이브러리로 canvas 통과 전 메타데이터를 미리 추출·보존하는 패턴 메모해두기
학습 완료 브라우저에서 HTML+CSS 애니메이션을 비디오 프레임으로 변환하기
2026-08-01 · DEV Community - showdev · 원문 ↗ #frontend#canvas#browser-api
  • 근거: 브라우저에서 HTML/CSS를 비디오 프레임으로 변환하는 프론트엔드 기법 — 직접 사용할 프로젝트는 없으나 프론트엔드 관심 분야에 해당
  • 액션: SVG foreignObject + Canvas 캡처 패턴 코드 읽고 자신의 프로젝트에 DOM-to-image 방식 적용 가능성 메모