최진우.
최진우 5분 블로그 (작성하는데 5분걸림)
최진우.
전체 방문자
25,324
오늘
36
어제
67
  • Category
    • 서비스 기록
    • 스타트업 기록 (사실상 개인 일기)
    • 사업관련 그냥 내 인사이트와 생각들
    • 법인 운영 공부
    • Dev
      • 코드와 개발 이야기
      • css
      • javascript
      • react, vue
      • go
      • cloud
      • linux
      • algorithm
      • python
      • VSCode
      • cinema4d
      • 3dsmax
      • git
    • Memo
      • 맥북 노하우
      • 협업 툴 & 업무환경
      • 예술과 건축, 철학 그리고 공간
      • 여행 로그
      • 역사 메모
      • 낙서와 회고 (비공개)
      • 롱블랙 로그
      • 카페 로그
      • 영어 메모
      • 신체 및 건강
      • 디자인
    • 주관적 기관 및 회사 기록

블로그 메뉴

  • About

인기 글

  • 슬랙 이모지 모음 url
    2022.08.26
  • 양천구 신정동 쓰레기 규칙
    2022.07.18
  • [2021 예비창업패키지] 2차 합격 후기
    2021.05.30
    [2021 예비창업패키지] 2차 합격 후기
  • [3dsMax python] 시작과 환경구축
    2020.12.09
    [3dsMax python] 시작과 환경구축
  • [jetbrains] Use clipboard in Ide⋯
    2021.02.15
    [jetbrains] Use clipboard in Ide⋯

최근 댓글

  • 공감하고 가요 ^^
    아이폰 14 프로 맥스
  • 이후에 어떻게 되셨나요?
    ㅇㅇㅇㅇ

최근 글

  • 에스더 유 (바이올린)
    2023.02.01
  • 전수연 - Sentimetal Blue
    2023.02.01
  • 12년도에 여행하면서 들었던 음악을 찾았다.
    2023.02.01
  • 주업종은 [국세청분류 VS 표준산업분류] 가 있다
    2023.01.31
    주업종은 [국세청분류 VS 표준산업분류] 가 있다
  • 법인전환했다고 하면 '포괄양수도'를 물어본다. 포괄양수도는⋯
    2023.01.31
hELLO · Designed By pronist.
최진우.

최진우 5분 블로그 (작성하는데 5분걸림)

Dev

WebGL capture canvas to black image 에 대한 나의 생각

2022. 12. 27. 00:24
728x90

1. 코드에 실수가 있는 경우  ex ) jpeg 등

 

2. 실수가 없는데 진짜 안되는 경우

 

지금 00:00 가 넘어갔기때문에 사무실에서 간단히 적어봅니다.

 

일단  Canvas 는 하나의 Context 를 가지고 있습니다. (ctx 이라고 적습니다.)

 

근데 나는 3D를 그리고 있는 캔버스에서  get2dContext 를 하면 당연히 안됩니다. 

->  그런데도 캡쳐를 하고 싶다.  (canvas to image) 를 하고 싶으면 

 

방법은 1. 캔버스를 하나 더 만들고 거기에다가 buffer들을 옮겨서 그리고  다운 하는 것

 

내 추천 방법2는 

https://forum.playcanvas.com/t/solved-creating-a-screenshot-in-playcanvas/1211

 

[SOLVED] Creating a Screenshot in PlayCanvas

Hi, we’re trying to create a script to capture screenshots from the application canvas, according to what we found on the web, when using a WebGL renderer, one has to tell this renderer to preserve the draw buffer, otherwise the screenshot will be empty.

forum.playcanvas.com

https://stackoverflow.com/questions/32556939/saving-canvas-to-image-via-canvas-todataurl-results-in-black-rectangle

 

Saving canvas to image via canvas.toDataURL results in black rectangle

Im using Pixi.js and trying to save a frame of the animation to an image. canvas.toDataUrl should work, but all i get is a black rectangle. See live example here the code I use to extract the imag...

stackoverflow.com

이 두번째 SO 답변이다. 그렇다 항상preserveBuffer 가 문제다. 

728x90
    'Dev' 카테고리의 다른 글
    • iterm, command 등 내 컴퓨터이름이랑 유저이름 안뜨게 하는 법
    • IIFE 란 무엇인가?
    • 블로그를 하려면, hELLO 티스토리 스킨 커스텀 과정(진행중)
    • Angular v15 나옴
    최진우.
    최진우.
    Be Übermensch  😎 I like Software, Graphics, Space, Education. 블로그 글을 작성하는데 5분 걸립니다. 안남기는 것 보다는 남기는게 낳을것 같아서 블로그를 운영해봅니다. 그래도 괜찮은 인사이트들이 담겨져 있기 때문에 편하게 댓글 또는 메일로 커피챗 요청해주세요 :)
    댓글쓰기
    다음 글
    IIFE 란 무엇인가?
    블로그를 하려면, hELLO 티스토리 스킨 커스텀 과정(진행중)
    이전 글
    블로그를 하려면, hELLO 티스토리 스킨 커스텀 과정(진행중)

    티스토리툴바