»²¼); ); ; 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(); ; );
¡¡