欢迎来到DIVCSS5查找CSS资料与学习DIV CSS布局技术!
  stroke是HTML5canvas中的一个方法,stroke()方法可以用于绘制当前路径。
 
  stroke()方法会实际地绘制出通过moveTo()和lineTo()方法定义的路径。默认颜色是黑色。
 
  提示:可以使用strokeStyle属性来绘制另一种颜色/渐变。
 
  语法:
 
  context.stroke();
 
  示例:
 
  
 
  <!DOCTYPEhtml>
 
  <html>
 
  <head>
 
  <metacharset="UTF-8">
 
  </head>
 
  <body>
 
  <canvasid="myCanvas"width="300"height="150"style="border:1pxsolid#d3d3d3;">
 
  YourbrowserdoesnotsupporttheHTML5canvastag.
 
  </canvas>
 
  <script>
 
  varc=document.getElementById("myCanvas");
 
  varctx=c.getContext("2d");
 
  ctx.beginPath();
 
  ctx.moveTo(20,20);
 
  ctx.lineTo(20,100);
 
  ctx.lineTo(70,100);
 
  ctx.strokeStyle="green";
 
  ctx.stroke();
 
  </script>
 
  </body>
 
  </html>





本文转载自中文网

 

如需转载,请注明文章出处和来源网址:http://www.divcss5.com/html/h55607.shtml