RE: CANVAS ű׿¡ ´ëÇÑ Áú¹®À» ½ÃÀÛÀ¸·Î HTML5 KIG È°µ¿À» ½ÃÀÛÇغ¾´Ï´Ù. ^^

¾È³çÇϼ¼¿ä~

ÁÁÀº ÀÇ°ß °¨»çÇÕ´Ï´Ù~

Canvas¿Í °ü·ÃÇؼ­ ÀÌ¹Ì Â÷±âȸÀÇ Agenda¿¡ Ãß°¡¸¦ Çß½À´Ï´Ù.

ÀÌ¿Í °ü·ÃÇؼ­ ÀÌ ºÎºÐ¿¡ ´ëÇÑ ÀÌÇظ¦ µ½±â À§Çؼ­ Canvas¿Í SVG¿¡ ´ëÇÑ Â÷ÀÌÁ¡¿¡ ´ëÇؼ­ ¼Ò°³ÇÏ´Â ½Ã°£À» °®´Â´Ù¸é´õ ÁÁÀ» °Í °°½À´Ï´Ù~

±×·¡¼­ Á¦ »ý°¢¿¡´Â ±è¹ÎÅ ÆÀÀå´Ô²²¼­ °¡´ÉÇϽøé Canvas¿Í SVG¿¡ ´ëÇÑ Â÷ÀÌÁ¡µé (Áï, °¢ Ç¥ÁØ ±â¼úÀÇ Àå´ÜÁ¡, È°¿ëÃø¸é¿¡¼­ÀÇ Æ¯Â¡µé µî)À» Á¤¸®Çؼ­ 10~20Á¤µµ ¼Ò°³¸¦ ÇØÁֽøé ÁÁÀ» °Í °°½À´Ï´Ù.

¾Æ¸¶µµ ¸¹Àº ºÐµéÀÌ ¾î¶² °æ¿ì¿¡ Canvas¸¦, ¾î¶² °æ¿ì¿¡ SVG¸¦ È°¿ëÇÏ´Â °ÍÀÌ ÁÁÀºÁö¿¡ ´ëÇؼ­µµ ±Ã±ÝÇØ ÇÏ½Ç °Í °°½À´Ï´Ù~

°¡´ÉÇϽŰ¡¿ä??

 

¼ö°íÇϼ¼¿ä~

 

ÀÌ¿ø¼® µå¸².

 

From: Min Tae Kim [mailto:ibare77@gmail.com] 
Sent: Thursday, November 18, 2010 9:43 AM
To: ±è¿µº¸
Cc: ÀÌ¿ø¼®; Sangwhan Moon; public-html-ig-ko@w3.org
Subject: Re: CANVAS ű׿¡ ´ëÇÑ Áú¹®À» ½ÃÀÛÀ¸·Î HTML5 KIG È°µ¿À» ½ÃÀÛÇغ¾´Ï´Ù. ^^

 

¾È³çÇϼ¼¿ä. À̹ÌÁöŬ¸¯ ±è¹ÎÅÂÀÔ´Ï´Ù.

 

 

canvas ¿Í svg  ºñ±³ÇÏ¿© ¿¹½Ã¸¦ Á̴ּµ¥ Àú´Â Á¶±Ý ´Ù¸£°Ô »ý°¢ÇÕ´Ï´Ù.

 

±âº»ÀûÀ¸·Î canvas ¿Í svg ´Â ÃÖÁ¾ÀûÀ¸·Î ·»´õ¸µµÈ À̹ÌÁö(?)¸¦ ºê¶ó¿ìÀú ƯÁ¤ È­¸é¿¡ 

º¸¿©Áشٴ °ÍÀÌ À¥ÆäÀÌÁö¸¦ º¸´Â »ç¿ëÀÚÀÇ ÀÔÀå¿¡¼­´Â À¯»çÇÏ´Ù°í º¼ ¼ö ÀÖÁö¸¸ ±× 

¸ÞÄ¿´ÏÁòÀº ÀüÇô ´Ù¸¨´Ï´Ù. svg´Â ±×·¡ÇÈ Á¤º¸¸¦ ű׷ΠǥÇöÇÏ°í ±×°ÍÀ» ½ÇÁ¦·Î ÆĽÌÇÏ¿©

È­¸é¿¡ µå·ÎÀ× Áï ·»´õ¸µ ÇÏ´Â ¿ªÇÒÀº ºê¶ó¿ìÀúÀÇ SVG ·»´õ·¯°¡ ó¸®ÇÏ´Â °ÍÀÔ´Ï´Ù. 

 

ÇÏÁö¸¸ canvas ´Â ¸»¾¸ÇϽŠ°Í°ú °°ÀÌ ¿¤¸®¸ÕÆ®°¡ ÇϳªÀÔ´Ï´Ù. ´ÜÁö canvas ¶ó´Â ±×·¡ÇÈ µå·ÎÀ×

¿µ¿ªÀ» °³¹ßÀÚ¿¡°Ô Á¦°ø¸¸ ÇØ ÁÙ »Ó °Å±â¿¡ ¹«¾ùÀÌ ±×·ÁÁöµç ÀüÇô ºê¶ó¿ìÀú´Â °ü¿©ÇÏÁö¾Ê½À´Ï´Ù.

±×·¸±â ¶§¹®¿¡ canvas ÇÏÀ§ űװ¡ ¾ø´Â °ÍÀÌ¸ç ¹«¾ùÀÌµç ±×¸± ¼ö ÀÖµµ·Ï Á¡/¼±/¸éµîÀÇ µå·ÎÀ×À»

ÇÒ ¼ö ÀÖ´Â API ¸¦ Á¦°øÇÏ´Â °ÍÀÌ°ÚÁö¿ä. 

 

À̾߱âÀÇ ÇÙ½ÉÀº ·£´õ¸µ ÆÄÆ®¸¦ °³¹ßÀÚ°¡ ÄÚµå·Î °³¹ßÇØ¾ß ÇÑ´Ù´Â °ÍÀÌ°í ±×·¸±â ¶§¹®¿¡ canvas ÀÇ 

»çÀÌÁî°¡ º¯Çؼ­ ±×·ÁÁöÁö ¾Ê´Â »õ·Î¿î ĵ¹ö½º°¡ ³ªÅ¸³­´Ù¸é ±× ºÎºÐ¸¸ °³¹ßÀÚ°¡ °³¹ßÇÑ ·»´õ¸µ

ÆÄÆ®¿¡¼­ ±×·ÁÁÖ¸é µÇ´Â °ÍÀÌ°ÚÁÒ. ±è¿µº¸´ÔÀÇ ¸»¾¸Áß¿¡ 100 x 200 »çÀÌÁîÀÇ ¹é±×¶ó¿îµå°¡ ÆĶõ»öÀÎ 

canvas °¡ 300 x 300 À¸·Î ´Ã¾î³ª¸é ³ª¸ÓÁö ¿µ¿ªÀº ÆĶõ»öÀ¸·Î Ä¥ÇØÁ®¾ßÇÒ±î? ¶ó´Â Áú¹®ÀÇ Á¤´äÀº

´ç¿¬È÷ canvas ¸¦ ó¸®ÇÏ´Â ºê¶ó¿ìÀú´Â ¾Æ¹«·± µ¿ÀÛµµ ¾ÈÇÏ´Â°Ô Á¤´äÀÏ°Ì´Ï´Ù. ¿Ö³ÄÇϸé canvas

ÀÇ ·£´õ¸µ ÆÄÆ®´Â ºê¶ó¿ìÀúÀÇ ¿ªÇÒÀÌ ¾Æ´Ñ °³¹ßÀÚÀÇ ¸òÀ̱⠶§¹®ÀÔ´Ï´Ù.

 

±×·¡¼­ Á¦°¡ ÃÖÃÊ Á¦½ÃÇÑ Àǹ®ÀÇ ÇÙ½ÉÀº canvas ÀÇ »çÀÌÁî ¼³Á¤ ¸¸À¸·Î canvas ÄÁÅؽºÆ® Àüü°¡ ÃʱâÈ­

µÇ´Â ¹æ½ÄÀÌ °úµµÇÏ°Ô ·£´õ·¯¸¦ È£ÃâÇÏ´Â ¹®Á¦¸¦ ¹ß»ý½ÃÅ°´Â °ÍÀÌ ¾Æ´Ñ°¡ ÇÏ´Â Àǹ®À̾ú½À´Ï´Ù.

 

ÄÁÅؽºÆ®ÀÇ »çÀÌÁî°¡ º¯Çؼ­ º¯°æµÈ »çÀÌÁî ¸¸Å­ Àüü¸¦ ´Ù½Ã ±×¸®´ø ȤÀº ´Ù½Ã ±×·ÁÁ®¾ßÇÏ´Â ¿µ¿ª¸¸Å­À»

üũÇؼ­ ÇØ´ç ºÎºÐ¸¸ ´Ù½Ã±×·Á¼­ ¼º´ÉÀ» ¿Ã¸®µç ±×°ÍÀº °³¹ßÀÚÀÇ ¸òÀ̾î¾ßÇÒÅÙµ¥ canvas ÀÇ ÀÛµ¿ ¹æ½Ä

¶§¹®¿¡ ÀÌ·± ¼±Å»çÇ×ÀÌ °­Á¦»çÇ×À¸·Î º¯ÇÑ°Ô ¾Æ´Ñ°¡ ½Í¾î¼­ ¸»ÀÔ´Ï´Ù.

 

 

¿ÀÆä¶óÀÇ ¹®»óȯ´ÔÀÌ ¾Ë·ÁÁֽŠ³»¿ëÀ¸·Îµµ »ç½Ç Àü ÀÌ·± ¹æ½ÄÀ¸·Î µÇ¾îÀÖ´Â °ÍÀÌ ÀÌÇØ°¡ Àß ¾ÈµÇ°í ÀÖ´Â ÁßÀÔ´Ï´Ù. 

Å×½ºÆ® ¼Ò½º¸¦ ¾ÆÁ÷ ´Ù º¸Áö´Â ¸øÇؼ­ Àǹ®À» ´õ¿í ´õ Áøô½ÃÅ°Áö´Â ¸øÇÏ°ÚÁö¸¸ ÀÏ´Ü ¿Ã·ÁÁֽŠ¼Ò½ºµéÀ»

½Ã°£³¯¶§ ¸é¹ÐÈ÷ ¶â¾îºÁ¾ßÇÒ °Í °°½À´Ï´Ù. 

 

´ÙÀ½¹ø KIG ¹ÌÆö§ Á»´õ canvas¿¡ ´ëÇÑ ÀÌÇØÀÇ ÆøÀ» ³ÐÇô¼­ À̾߱âÇÒ ¼ö ÀÖ¾úÀ¸¸é ÁÁ°Ú½À´Ï´Ù. ^^; 

 

 

 

		¿ÀÆä¶ó ¼ÒÇÁÆ®¿þ¾î ¹®»óȯ

 

On Nov 17, 2010, at 4:50 PM, ±è¿µº¸ wrote:





±è¿µº¸ÀÔ´Ï´Ù.

Àú´Â ´ÙÀ½°ú °°ÀÌ »ý°¢ÇÕ´Ï´Ù.

 

<canvas>´Â <svg>¿Í ´Þ¸® ¿¤¸®¸ÕÆ®°¡ ÇϳªÀÔ´Ï´Ù.

Áï, ¸ðµç °ÍÀÌ ÀÌ ¾È¿¡ ÀÖ´Ù´Â °ÍÀÔ´Ï´Ù.

 

<canvas> Å©±â°¡ 100*200À̸鼭 ¹é±×¶ó¿îµå »öÀÌ ÆĶõ»öÀ¸·Î µÇ¾î ÀÖ´Ù°í ÇÒ ¶§

Å©±â¸¦ 300*300À¸·Î ´Ã¸®¸é ´Ã·ÁÁø ¿µ¿ª¿¡ ¹é±×¶ó¿îµå »öÀ» ÆĶõ»öÀ¸·Î Ä¥ÇØ¾ß ÇÒ±î¿ä? ¾Æ´Ò±î¿ä?

¿¤¸®¸ÕÆ®°¡ Çϳª¶ó¸é Ä¥ÇØÁö´Â °ÍÀÌ ´ç¿¬ÇÏ´Ù°í »ý°¢ÇÕ´Ï´Ù¸¸,

ĵ¹ö½º´Â ¿¤¸®¸ÕÆ®°¡ ÇϳªÀ̱⠶§¹®¿¡ ´Ã·ÁÁø ¿µ¿ªÀ» ´Ù¸¥ ¿µ¿ªÀ̶ó´Â °³³äÀ¸·Î º¼ ¼öµµ ÀÖ½À´Ï´Ù.

<svg>·Î »ý°¢ÇÏ¸é ¿¤¸®¸ÕÆ®°¡ Ãß°¡µÈ °³³äÀ¸·Î »ý°¢ÇÒ ¼öµµ ÀÖ½À´Ï´Ù.

 

ÇÑÆí <canvas>°¡ context °³³äÀ¸·Î À̹ÌÁö¸¦ Ç¥ÇöÇÑ´Ù´Â Á¡¿¡ ´ëÇÑ ¿¬±¸µµ ÇÊ¿äÇÑ °Í °°½À´Ï´Ù.

¶ÇÇÑ, Çö ½ÃÁ¡¿¡¼­ ÀÌ ¸ÞÄ¿´ÏÁòÀ» º¯°æÇϸé Áö±Ý±îÁö °³¹ßµÈ °ÍÀÌ ¹®Á¦°¡ µÈ´Ù°í »ý°¢ÇÕ´Ï´Ù.

¼Ó¼º °ªÀÇ ÇüÅÂ, ¼³Á¤ ¹æ¹ýÀ» ¹Ù²Ù´Â ±â´É ·¹º§ÀÌ ¾Æ´Ñ ¸ÞÄ¿´ÏÁò ·¹º§À̱⠶§¹®ÀÔ´Ï´Ù.

 

½Ã°£À» °®°í º¸´Ù ¸¹Àº ¿¬±¸¸¦ Çؼ­ ÀÇ°ßÀ» Á¦½ÃÇØ¾ß Çϴµ¥,

¹®¶à »ý°¢ÀÌ ³ª¼­ Àû¾î º¸¾Ò½À´Ï´Ù.

»ý°¢À» ´Þ¸®ÇÏ´Â ºÎºÐÀÌ ÀÖÀ¸¸é ÀÌÇظ¦ ¹Ù¶ø´Ï´Ù.

 

 

2010³â 11¿ù 17ÀÏ ¿ÀÈÄ 4:40, ÀÌ¿ø¼® <wslee@etri.re.kr>´ÔÀÇ ¸»:



¾È³çÇϼ¼¿ä. ¹®»óȯ´Ô.
´äº¯ °¨»çÇÕ´Ï´Ù~

°á°úÀûÀ¸·Î canvas Å©±â ¼³Á¤¿¡ µû¶ó drawing buffer Å©±â°¡ °áÁ¤µÇ±â ¶§¹®À̶ó´Â °ÍÀΰ¡¿ä??

¼ö°íÇϼ¼¿ä~

ÀÌ¿ø¼® µå¸².


> -----Original Message-----
> From: public-html-ig-ko-request@w3.org [mailto:public-html-ig-ko-

> request@w3.org] On Behalf Of Sangwhan Moon
> Sent: Wednesday, November 17, 2010 4:09 PM
> To: public-html-ig-ko@w3.org

> Subject: Re: CANVAS ű׿¡ ´ëÇÑ Áú¹®À» ½ÃÀÛÀ¸·Î HTML5 KIG È°µ¿À» ½ÃÀÛÇغ¾´Ï´Ù. ^^
>
>
> ¾È³çÇϼ¼¿ä, ¿ÀÆä¶ó ¼ÒÇÁÆ®¿þ¾î ¹®»óȯÀÔ´Ï´Ù.
>
> HTML5 Working Draft 4.8.11 ÀýÀÇ Çϱâ Ç×:
>
> // Àοë
>
> When the canvas element is created, and subsequently ***whenever the width
> and height attributes are set (whether to a new value or to the previous
> value), the bitmap and any associated contexts must be cleared back to
> their initial state and reinitialized with the newly specified coordinate
> space dimensions.***
>
> When the canvas is initialized, its bitmap must be cleared to transparent
> black.
>
> // ÀÎ¿ë ³¡
>
> ¿¡ ¸í½ÃµÇ¾î ÀÖ½À´Ï´Ù.
>
> ±¸ÇöÀÇ ¹é±×¶ó¿îµå´Â ½ºÆåÀÌ Á¸ÀçÇϱâ ÀÌÀü¿¡ ¾Æ·¡ Å×½ºÆ® ÄÉÀ̽º Áß 17, 18, 19¹ø ·ÎºÎÅÍ ½ÃÀÛ
> µÇ¾ú½À´Ï´Ù.
>
> http://hixie.ch/tests/adhoc/html/canvas/
>
> º¸½Ã¸é ¾Æ½Ã°ÚÁö¸¸ 4³âÀÌ ³ÑÀº test µéÀÔ´Ï´Ù. »ç°ßÀÌÁö¸¸, HTML5 ¿¡µðÅÍ¿Í µ¿ÀÏÀÎÀÌ ÀÛ¼ºÇÑ
> Å×½ºÆ®À̱⠶§¹®¿¡ ±×¿¡ ´ëÇÑ °ßÇØ°¡ ¿¬ÀåµÇ¾ú´Ù°í »ý°¢µË´Ï´Ù.
>
> ÀÌ ºÎºÐ¿¡ ´ëÇؼ­ WebGL¿¡¼­ backbuffer°¡ ¾Æ´Ñ Àüü contextÀÇ ÃʱâÈ­°¡ ÀϾ´Â°ÍÀ¸·Î ÇØ
> ¼®µÇ¾î¼­ Àá½Ã ³í¶õÀÌ ÀÖ¾úÀ¸³ª, Çϱâ¿Í °°ÀÌ Á¤¸®°¡ µÇ¾ú½À´Ï´Ù.
>
> The drawing buffer into which the API calls are rendered shall be defined
> upon creation of the WebGLRenderingContext object. ***The size of this
> drawing buffer shall be determined by the width and height attributes of
> the HTMLCanvasElement. Changing either of these attributes shall cause the
> drawing buffer to resize and its contents to be cleared to (0,0,0,0).***
>
> ´äº¯ÀÌ µÇ¾úÀ¸¸é ÁÁ°Ú½À´Ï´Ù.
>
> °¨»çÇÕ´Ï´Ù.
> ¹®»óȯ ¹è»ó
>
>
> 2010/11/17, 10:37 AM, Min Tae Kim ÀÛ¼º:
>
> > ¾È³çÇϼ¼¿ä.
> >
> > À̹ÌÁöŬ¸¯ ±è¹ÎÅÂÀÔ´Ï´Ù.
> >
> >
> > Canvas·Î °³¹ßÀ» ÇÏ´Ù°¡ ¹®µæ Àǹ®ÀÌ »ý°Ü¼­ ÀÌ·¸°Ô Áú¹®µå·Áº¾´Ï´Ù.
> >
> > [Áú¹®]
> >
> > Canvas ű״ width ¶Ç´Â height °¡ ¼³Á¤µÇ¸é (°ªÀÇ º¯°æ À¯¹«¿Í »ó°ü¾øÀÌ) canvas ÀÚü
> °¡ ¸®¼ÂµË´Ï´Ù.
> > Áï ±×·ÁÁø À̹ÌÁö°¡ ¸ðµÎ Áö¿öÁö°í °¢Á¾ styleµµ ¸®¼ÂµË´Ï´Ù.
> > ¸í½ÃÀûÀÎ API ·Î reset À» ±¸ÇöÇÏÁö ¾Ê°í ÀÌ·¸°Ô ÇÏ´Â ÀÌÀ¯´Â ¹«¾ùÀϱî¿ä?
> >
> >
> > [¹è°æ]
> >
> > HTML5¿¡¼­ »õ·Î Ãß°¡µÈ ű×ÀÎ Canvas ´Â ¸¹Àº API ¸¦ ÇÔ²² Á¦°øÇÏ°í ÀÖ½À´Ï´Ù.
> > 2D ÀÛ¾÷À» ÇϱâÀ§Çؼ­ ³ª¸§ ÃæºÐÇÑ API ¸¦ Á¦°øÇÏ°í Àִµ¥¿ä À¯µ¶ ÀÌÇØÇϱâ Èûµç
> > ÇüŸ¦ Çϳª ¹ß°ßÇß½À´Ï´Ù.
> >
> > Canvas ÀÚüÀÇ width ¶Ç´Â height °¡ ¼³Á¤µÇ¸é Canvas°¡ Reset µÇ´Â ¹æ½ÄÀÌ ±×°ÍÀÔ´Ï´Ù.
> > ¿©±â¼­ ÇÙ½ÉÀº ½ÇÁ¦·Î Canvas ÀÇ width³ª height °¡ º¯ÇÏÁö ¾Ê¾Æµµ ´ÜÁö °°Àº Å©±â·Î
> > ¼³Á¤¸¸ µÈ´ÙÇصµ Reset µÇ´Â ¹æ½ÄÀ̶ó´Â °ÍÀÌÁÒ.
> >
> > Canvas.reset() °°Àº API ¸¦ Á¦°øÇØÁÖ¸é ´õ ¸í½ÃÀûÀÌ°í ÁÁÀ» °Í °°Àºµ¥ °³¹ß Äڵ嵵 Á»
> > ½ß¶×¸Â¾ÆÁö°í º°·Î ÈǸ¢ÇÑ ÄÁ¼ÁÀÎ °Í °°Áö´Â ¾Ê¾Æ¼­ ¸»ÀÌÁÒ.  Ȥ½Ã ¿Ö ÀÌ·± ¸ÞÄ¿´ÏÁòÀ» äÅÃ
> > Çß´ÂÁö ¾Æ½Ã´Â ºÐÀÌ ÀÖÀ¸½Ã¸é ÁÁ°Ú½À´Ï´Ù.
> >
> > ±×¸®°í ¹«¾ùº¸´Ù ´ÜÁö ¹æ½ÄÀÇ ¹®Á¦°¡ ¾Æ´Ñ canvas ÀÇ »çÀÌÁî°¡ º¯Çϸé reset ÀÌ µÇ±â ¶§¹®¿¡
> > ¸¸¾à °íÁ¤Å©±â Canvas¸¦ »ç¿ëÇÏÁö ¾Ê´Â´Ù¸é ºê·¯¿ìÀúÀÇ Å©±â°¡ º¯Çϸé Ç×»ó ÇöÀç »óÅÂÀÇ
> > Canvas ¸¦ À¯ÁöÇϱâ À§Çؼ­ ´Ù½Ã±×·Á¾ßÇÏ´Â ºÎ´ã°¨ÀÌ ÀÖ½À´Ï´Ù.
> >
> > ±×·Á¾ßÇÏ´Â À̹ÌÁö°¡ º¹ÀâÇÒ °æ¿ì ÀÌ´Â ´õ¿í Å« ºÎ´ãÀÌ µÉ °Í °°½À´Ï´Ù. ¸¸¾à ÀÌ·¸°Ô reset
> > µÇÁö ¾Ê´Â´Ù¸é ¸®»çÀÌÁî·Î ÀÎÇؼ­ ºó °ø°£¸¸ ´Ù½Ã ±×¸®¸é µÉÅÙµ¥ ÇöÀçÀÇ canvas ±¸Á¶»ó
> > resize À̺¥Æ®¿¡ Àüü¸¦ ´Ù½Ã ±×¸®·Á¾ßÇÕ´Ï´Ù.
> >
> >
> >
> >
> > ¿ì¼± Àú´Â ÀÌ Áú¹®À¸·Î ½ÃÀÛÇغ¾´Ï´Ù.^^
> >
> > ±è¹ÎÅ µå¸².
> >
> >
> > ps : ¸ÞÀÏ Çü½ÄÀº SK Telecom ±èµµ¿Ï´ÔÀÇ ¾ç½ÄÀ» È°¿ëÇغýÀ´Ï´Ù. ^^
> >
> >
> > # Kim Min Tae
> > --------------------------------------
> > Imageclick co.,Ltd
> > http:// www.imageclick.com <http://www.imageclick.com/> 
> > ibare77@gmail.com
> > http://www.ibare.kr <http://www.ibare.kr/> 
> > http://twitter/ibare
> > Mobile: 010.8555.3198
> >
>
> --
> Sangwhan Moon <smoon@opera.com>, Opera Software ASA
> Skype: innodb1 | Mobile: +372-5971-6147
>



 

 

# Kim Min Tae

--------------------------------------

Imageclick co.,Ltd

http:// www.imageclick.com

ibare77@gmail.com

http://www.ibare.kr

http://twitter/ibare

Mobile: 010.8555.3198

 

Received on Thursday, 18 November 2010 03:28:09 UTC