HTML5¼¼Êõ

һƪÎÄÕ´øÄã¿ìËÙÈëÃÅcreatejs - beidan(2)

×ÖºÅ+ ×÷ÕߣºH5Ö®¼Ò À´Ô´£ºH5Ö®¼Ò 2017-06-22 08:00 ÎÒÒªÆÀÂÛ( )

CreateJsÌṩÁËÁ½ÖÖäÖȾģʽ£¬Ò»ÖÖÊÇÓÃsetTimeout£¬Ò»ÖÖÊÇÓÃrequestAnimationFrame£¬Ä¬ÈÏÊÇsetTimeout£¬Ä¬ÈϵÄÖ¡ÊýÊÇ20£¬Ò»°ãµÄ»°»¹Ã»É¶£¬µ«ÊÇÈç¹û¶¯»­¶àµÄ»°£¬ÉèÖóÉrequestAnimationFrameģʽµÄ»°£¬¾Í»á¸Ð¾õµ½¶¯

CreateJsÌṩÁËÁ½ÖÖäÖȾģʽ£¬Ò»ÖÖÊÇÓÃsetTimeout£¬Ò»ÖÖÊÇÓÃrequestAnimationFrame£¬Ä¬ÈÏÊÇsetTimeout£¬Ä¬ÈϵÄÖ¡ÊýÊÇ20£¬Ò»°ãµÄ»°»¹Ã»É¶£¬µ«ÊÇÈç¹û¶¯»­¶àµÄ»°£¬ÉèÖóÉrequestAnimationFrameģʽµÄ»°£¬¾Í»á¸Ð¾õµ½¶¯»­ÈçË¿°ãµÄÁ÷³©¡£

 

 

9.ÊÊÅä

ÔÚÒƶ¯¶Ë¿ª·¢ÖУ¬²»µÃ²»Ãæ¶ÔÒ»¸ö¶àÆÁÄ»£¬¶à³ß´çµÄÎÊÌ⣬ËùÒÔÊÊÅäÎÊÌâÏÔµÃÌرðÖØÒª¡£

<canvas></canvas>

×¢Ò⣬ÒÔÉÏ´úÂëµÄwidth£¬height²»Í¬ÓÚcssÖеÄwidth£¬height¡£

±ÈÈ磬ÄãÔÚcanvasÄÚ²¿»æÖÆͼƬ£¬ÓÃx£¬yÖá½øÐж¨Î»£¬ÕâÀïµÄx£¬yÊÇÏà¶ÔÓÚcanvasÕâ¸öÕûÌå¡£

ÎÒÃÇÔÙ°Ñcanvasµ±³ÉÒ»ÕûÕÅͼƬʹÓÃcss½øÐÐÊÊÅä

canvas{ width: 100%; }

ÄÇô£¬¾Í»áÓÐÒÔϵÄЧ¹û£¬canvas»áÊÊÅäÆÁÄ»³ß´ç£¬ÀïÃæµÄͼƬҲ»áµÈ±ÈÀý±ä´ó±äС¡£

 

    

 

 

¡¡

1.±¾Õ¾×ñÑ­ÐÐÒµ¹æ·¶£¬ÈκÎתÔصĸå¼þ¶¼»áÃ÷È·±ê×¢×÷ÕߺÍÀ´Ô´£»2.±¾Õ¾µÄÔ­´´ÎÄÕ£¬ÇëתÔØʱÎñ±Ø×¢Ã÷ÎÄÕÂ×÷ÕߺÍÀ´Ô´£¬²»×ðÖØÔ­´´µÄÐÐΪÎÒÃǽ«×·¾¿ÔðÈΣ»3.×÷ÕßͶ¸å¿ÉÄܻᾭÎÒÃDZ༭Ð޸Ļò²¹³ä¡£

Ïà¹ØÎÄÕÂ
  • ´øÄãÁã»ù´¡Ñ§Ï°HTML5 - ʵÑéÂ¥

    ´øÄãÁã»ù´¡Ñ§Ï°HTML5 - ʵÑéÂ¥

    2017-06-20 14:00

  • HTML5 һƪ¾Í¹»µÄÖÐÎÄ½Ì³Ì - ¾Ñ»÷ÊÖ+

    HTML5 һƪ¾Í¹»µÄÖÐÎÄ½Ì³Ì - ¾Ñ»÷ÊÖ+

    2017-06-17 11:01

  • C#µ¥Ôª²âÊÔ£¬´øÄã¿ìËÙÈëÃÅ - Å©ÂëÒ»Éú

    C#µ¥Ôª²âÊÔ£¬´øÄã¿ìËÙÈëÃÅ - Å©ÂëÒ»Éú

    2017-05-18 16:00

  • Android -- ´øÄã´ÓÔ´Âë½Ç¶ÈÁìÎòDagger2ÈëÃŵ½·ÅÆú£¨Ò»£© - °¢´ô¸ç¸ç

    Android -- ´øÄã´ÓÔ´Âë½Ç¶ÈÁìÎòDagger2ÈëÃŵ½·ÅÆú£¨Ò»£© - °¢´ô¸ç¸ç

    2017-04-21 11:02

ÍøÓѵãÆÀ
Á