案例:html/html5 案例     状态:可编辑再运行    进入竖版
 运行结果 
x
 
1
<!DOCTYPE html>
2
<html>
3
<body>
4
5
<canvas id="myCanvas" width="300" height="150" style="border:1px solid #d3d3d3;">
6
Your browser does not support the HTML5 canvas tag.
7
</canvas>
8
9
<p>请试着把 miterLimit 设置为 4。如果斜接长度超过 miterLimit 的值,边角会以 lineJoin 的 "bevel" 类型来显示。</p>
10
11
<script>
12
13
var c=document.getElementById("myCanvas");
14
var ctx=c.getContext("2d");
15
ctx.lineWidth=10;
16
ctx.lineJoin="miter";
17
ctx.miterLimit=5;
18
ctx.moveTo(20,20);
19
ctx.lineTo(50,27);
20
ctx.lineTo(20,34);
21
ctx.stroke();
22
23
</script>
24
25
</body>
26
</html>
27