function drawLine(){ //Ãè±ßÈý½ÇÐÎ cxt.strokeStyle = 'green'; cxt.lineWidth = 2; cxt.beginPath(); cxt.moveTo(50, 50); cxt.lineTo(50, 150); cxt.lineTo(150, 150); cxt.closePath(); cxt.stroke(); //ÕÛÏß cxt.translate(150, 0); cxt.strokeStyle = 'red'; cxt.lineWidth = 2; cxt.beginPath(); cxt.moveTo(50, 50); cxt.lineTo(50, 150); cxt.lineTo(150, 150); cxt.stroke(); cxt.closePath(); //ÂÌÉ«Ìî³äÈý½ÇÐÎ cxt.translate(150, 0); cxt.fillStyle = 'green'; cxt.lineWidth = 2; cxt.beginPath(); cxt.moveTo(50, 50); cxt.lineTo(50, 150); cxt.lineTo(150, 150); cxt.fill(); cxt.closePath(); //ºìÉ«Ìî³äÈý½ÇÐÎ cxt.translate(150, 0); cxt.fillStyle = 'red'; cxt.lineWidth = 2; cxt.beginPath(); cxt.moveTo(50, 50); cxt.lineTo(50, 150); cxt.lineTo(150, 150); cxt.closePath(); cxt.fill(); }
´ÓÉÏÃæµÄÀý×ÓÎÒÃÇ¿ÉÒÔ¿´³öclosePath()µÄλÖò»Í¬£¬Ò²»áÓ°ÏìÎÒÃǵÄͼÐÎ
×¢Ò⣺µ±Äãµ÷ÓÃfill()º¯Êýʱ£¬ËùÓÐûÓбպϵÄÐÎ×´¶¼»á×Ô¶¯±ÕºÏ£¬ËùÒÔ´ËʱclosePath()º¯Êý²»ÊDZØÐëµÄ¡£
µ«Êǵ÷ÓÃstroke()£ºÈç¹ûÄãÔÚstroke()·½·¨Ö®Ç°Ö»ÓÃclosePath()»áÐγɱպÏ·¾¶£¬Èç¹ûÔÚstroke()·½·¨Ö®ºóµ÷ÓÃclosePath()·½·¨£¬´ËʱͼÐÎÒѾ»æÖÆÍê³É£¬µ±Ç°µÄ»æÖÆÂ·¾¶ÒѾ¹Ø±Õ£¬ËùÒÔclosePath()·½·¨²»Æð×÷Óá£
Ïß¶ÎÓëÏñËØ±ß½ç
ÏÈÀ´¿´Ò»¸öÀý×Ó
function drawLine(){ //Ãè±ßÈý½ÇÐÎ cxt.lineWidth = 1; cxt.beginPath(); cxt.moveTo(50, 50); cxt.lineTo(450, 50); cxt.stroke(); cxt.beginPath(); cxt.moveTo(50.5, 150.5); cxt.lineTo(450.5, 150.5); cxt.stroke(); }
´ÓͼÖÐÎÒÃÇ¿ÉÒÔ¿´³ö£¬ÎÒÃǽ«Á½ÌõÏ߶εÄlineWidth¶¼ÊÇÉèÖÃΪ1ÏñËØ£¬µ«ÊÇÉÏÃæµÄÏ߶λ³öµÄÈ´ÊÇÁ½ÏñËØ¡£
Èç¹ûÄãÔÚij2¸öÏñËØµÄ±ß½ç´¦»æÖÆÒ»Ìõ1ÏñËØ¿íµÄÏ߶Σ¬ÄÇô¸ÃÏß¶Îʵ¼Ê»áÕ¼¾Ý2¸öÏñËØµÄ¿í¶È£»
ÒòΪµ±ÄãÔÚÏñËØ±ß½ç´¦»æÖÆÒ»Ìõ1ÏñËØ¿í¶ÈµÄ´¹Ö±Ïß¶Îʱ£¬canvasµÄ»æÍ¼»·¾³¶ÔÏó»áÊÔ׎«
¡¡