<!DOCTYPE html> <html> <head> <meta charset="utf-8"/> <title></title> <script> function draw(id){ var context=document.getElementById('canvas').getContext('2d'); var linecap=['butt','round','square']; context.strokeStyle='#09f'; context.beginPath(); context.moveTo(10,10); context.lineTo(140,10); context.moveTo(10,140); context.lineTo(140,140); context.stroke(); context.strokeStyle='black'; for(var i=0;i<linecap.length;i++) { context.linewidth=15; context.linecap=linecap[i]; context.beginPath(); context.moveTo(25+i*50,10); context.lineTo(25+i*50,140); context.stroke(); } } </script> </head> <body οnlοad="draw('canvas');"> <h1>linecap</h1> <canvas id="canvas" width="400" height="300"/> </body> </html>
126
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
