diff options
author | MDN <actions@users.noreply.github.com> | 2021-06-03 01:40:04 +0000 |
---|---|---|
committer | MDN <actions@users.noreply.github.com> | 2021-06-03 01:40:04 +0000 |
commit | d5f6dd6b7f6653facfb468516ef657a2d4d5180c (patch) | |
tree | e08e8f6f9d5394cd3edf4c4b54e961f4e4cc1e99 /files/ko/orphaned | |
parent | d671972ba9c48fa9367d6264b5d99151fc07235a (diff) | |
download | translated-content-d5f6dd6b7f6653facfb468516ef657a2d4d5180c.tar.gz translated-content-d5f6dd6b7f6653facfb468516ef657a2d4d5180c.tar.bz2 translated-content-d5f6dd6b7f6653facfb468516ef657a2d4d5180c.zip |
[CRON] sync translated content
Diffstat (limited to 'files/ko/orphaned')
-rw-r--r-- | files/ko/orphaned/web/api/offscreencanvas/toblob/index.html | 78 |
1 files changed, 78 insertions, 0 deletions
diff --git a/files/ko/orphaned/web/api/offscreencanvas/toblob/index.html b/files/ko/orphaned/web/api/offscreencanvas/toblob/index.html new file mode 100644 index 0000000000..f3cf0b08a9 --- /dev/null +++ b/files/ko/orphaned/web/api/offscreencanvas/toblob/index.html @@ -0,0 +1,78 @@ +--- +title: OffscreenCanvas.convertToBlob() +slug: orphaned/Web/API/OffscreenCanvas/toBlob +tags: + - API + - Canvas + - Experimental + - Method + - OffscreenCanvas + - Reference +translation_of: Web/API/OffscreenCanvas/toBlob +original_slug: Web/API/OffscreenCanvas/toBlob +--- +<div>{{APIRef("Canvas API")}} {{SeeCompatTable}}</div> + +<p><strong><code>OffscreenCanvas.convertToBlob()</code></strong> 메소드는 캔버스에 포함된 이미지를 표현하는 {{domxref("Blob")}} 객체를 생성합니다.</p> + +<h2 id="구문">구문</h2> + +<pre class="syntaxbox">Promise<Blob> OffscreenCanvas.convertToBlob(<var>options</var>);</pre> + +<h3 id="매개_변수">매개 변수</h3> + +<dl> + <dt><code>options</code> {{optional_inline}}</dt> + <dd> + <p>객체를 {{domxref("Blob")}} 객체로 전환할 때 다양한 옵션을 줄 수 있습니다.</p> + + <pre class="brush: js">const blob = offscreenCanvas.convertToBlob({ + type: "image/jpeg", + quality: 0.95 +});</pre> + + <p>options:</p> + + <ul> + <li><strong><code>type</code></strong>: 이미지 포맷을 가리키는 {{domxref("DOMString")}}. 상세 타입은 <code>image/png</code></li> + <li><code><strong>quality</strong></code>: <code>type</code> 옵션이 <code>image/jpeg</code> 혹은 <code>image/webp</code> 일 때 이미지의 품질을 가리키는 <code>0</code>과 <code>1</code>사이의 {{jsxref("Number")}}. 이 매개 변수가 다른 값이라면, 이미지 품질의 기본 설정값이 적용됩니다. 다른 매개 변수들은 무시됩니다.</li> + </ul> + </dd> +</dl> + +<h3 id="반환_값">반환 값</h3> + +<p>캔버스에 포함된 이미지를 표현하는 {{domxref("Blob")}} 객체를 반환하는 {{jsxref("Promise")}}</p> + +<h2 id="예시">예시</h2> + +<pre class="brush: js">var offscreen = new OffscreenCanvas(256, 256); +var gl = offscreen.getContext("webgl"); + +// ... gl 컨텍스트를 이용해 무언가를 그립니다 ... + +offscreen.convertToBlob().then(function(blob) { + console.log(blob); +}); + +// Blob { size: 334, type: "image/png" }</pre> + +<h2 id="상세">상세</h2> + +<p>현재 작성되고 있는 중입니다: <a href="https://wiki.whatwg.org/wiki/OffscreenCanvas">OffscreenCanvas</a>.</p> + +<h2 id="브라우저_호환성">브라우저 호환성</h2> + +<div> + + +<p>{{Compat("api.OffscreenCanvas.convertToBlob")}}</p> +</div> + +<p> </p> + +<h2 id="더_보기">더 보기</h2> + +<ul> + <li>이 메소드를 정의하는 인터페이스, {{domxref("OffscreenCanvas")}}.</li> +</ul> |