HTML5¼¼Êõ

HTML5ÐÂÌØÐÔ×ܽá - *ÜÔÀò»¨¿ª*(2)

×ÖºÅ+ ×÷ÕߣºH5Ö®¼Ò À´Ô´£º²©¿ÍÔ° 2015-11-27 17:34 ÎÒÒªÆÀÂÛ( )

»­²¼ ); ); ; 15 cxt.beginPath(); ); 17 cxt.closePath(); 18 cxt.fill(); Ч¹û£º £¨4£©ÑÕÉ«½¥±ä context.createLinearGradient(x0,y0,x1,y1)£º * addColorStop() ·½·¨¹æ¶¨ gradient ¶ÔÏóÖеÄÑÕÉ«ºÍλÖá£JSÓï·¨£º

»­²¼); ); ; 15 cxt.beginPath(); ); 17 cxt.closePath(); 18 cxt.fill();

¡¡¡¡Ð§¹û£º

¡¡¡¡

£¨4£©ÑÕÉ«½¥±ä

context.createLinearGradient(x0,y0,x1,y1)£º

¡¡¡¡

¡¡¡¡*addColorStop() ·½·¨¹æ¶¨ gradient ¶ÔÏóÖеÄÑÕÉ«ºÍλÖá£JSÓï·¨£ºgradient.addColorStop(stop,color);

¡¡¡¡

 

»­²¼); ); ); ); ); grd; );

¡¡¡¡Ð§¹û£º

¡¡¡¡

£¨5£©°ÑÒ»·ùͼÏñ·ÅÖõ½»­²¼ÉÏ

¡¡¡¡*drawImage() ·½·¨ÔÚ»­²¼ÉÏ»æÖÆÍ¼Ïñ¡¢»­²¼»òÊÓÆµ¡£Ò²Äܹ»»æÖÆÍ¼ÏñµÄijЩ²¿·Ö£¬ÒÔ¼°/»òÕßÔö¼Ó»ò¼õÉÙͼÏñµÄ³ß´ç¡£

¡¡¡¡¡¡¡¡*JSÓï·¨1£ºÔÚ»­²¼É϶¨Î»Í¼Ïñ£ºcontext.drawImage(img,x,y);

¡¡¡¡¡¡¡¡*JSÓï·¨2£ºÔÚ»­²¼É϶¨Î»Í¼Ïñ£¬²¢¹æ¶¨Í¼ÏñµÄ¿í¶ÈºÍ¸ß¶È£ºcontext.drawImage(img,x,y,width,height);

¡¡¡¡¡¡¡¡*JSÓï·¨3£º¼ôÇÐͼÏñ£¬²¢ÔÚ»­²¼É϶¨Î»±»¼ôÇеIJ¿·Ö£ºcontext.drawImage(img,sx,sy,swidth,sheight,x,y,width,height);

¡¡¡¡¡¡¡¡¡¡¡¡

»­²¼); ); Image(); ; );

 

 

¡¡

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

Ïà¹ØÎÄÕÂ
  • HTML5 ½ø½×ϵÁУºÍÏ·Å API ʵÏÖÍÏ·ÅÅÅÐò - _ÁÖöÎ

    HTML5 ½ø½×ϵÁУºÍÏ·Å API ʵÏÖÍÏ·ÅÅÅÐò - _ÁÖöÎ

    2017-05-02 11:02

  • HTML5 ½ø½×ϵÁУºindexedDB Êý¾Ý¿â - _ÁÖöÎ

    HTML5 ½ø½×ϵÁУºindexedDB Êý¾Ý¿â - _ÁÖöÎ

    2017-04-27 14:02

  • HTML5 ¸ß¼¶ÏµÁУºweb Storage - _ÁÖöÎ

    HTML5 ¸ß¼¶ÏµÁУºweb Storage - _ÁÖöÎ

    2017-04-27 14:01

  • HTML5ºÍCSS3 - ±¼ÅÜÔÚÆðÅÜÏßٮٮÕß

    HTML5ºÍCSS3 - ±¼ÅÜÔÚÆðÅÜÏßٮٮÕß

    2017-04-20 13:00

ÍøÓѵãÆÀ
¸