例
绘制的5的最大长度斜切线:
JavaScript的:
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.lineWidth=10;
ctx.lineJoin="miter";
ctx.miterLimit=5;
ctx.moveTo(20,20);
ctx.lineTo(50,27);
ctx.lineTo(20,34);
ctx.stroke();
试一试» 浏览器支持
在表中的数字规定,完全支持该财产浏览器版本。
属性 | |||||
---|---|---|---|---|---|
miterLimit | 4 | 9 | 3.6 | 4 | 10.1 |
定义和用法
的miterLimit分别属性设置或返回的最大斜切长度。
斜接长度是内眼角和外眼角,其中两行满足之间的距离。
Tip:该miterLimit分别属性只能如果lineJoin属性是"miter" 。
斜接长度逐渐变大的拐角的角度变小。
为了防止过长斜接长度,我们可以使用miterLimit属性。
如果斜切长度超过miterLimit分别值,角将显示为lineJoin型"bevel" (Fig 3)
默认值: | 10 |
---|---|
JavaScript语法: | context .miterLimit= number ; |
属性值
值 | 描述 | 播放 |
---|---|---|
number | 正数,指定的最大斜接长度。 如果当前的斜切长度超过miterLimit分别,角将显示为lineJoin "bevel" | 播放 ” |
<画布对象