最新的Web开发教程
 

HTML canvas miterLimit Propery

<画布对象

绘制的5的最大长度斜切线:

YourbrowserdoesnotsupporttheHTML5canvastag。

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分别属性设置或返回的最大斜切长度。

斜接长度是内眼角和外眼角,其中两行满足之间的距离。

斜接限制图1

Tip:该miterLimit分别属性只能如果lineJoin属性是"miter"

斜接长度逐渐变大的拐角的角度变小。

为了防止过长斜接长度,我们可以使用miterLimit属性。

如果斜切长度超过miterLimit分别值,角将显示为lineJoin型"bevel" (Fig 3)

斜接限制图2
默认值: 10
JavaScript语法: context .miterLimit= number ;

属性值

描述 播放
number 正数,指定的最大斜接长度。 如果当前的斜切长度超过miterLimit分别,角将显示为lineJoin "bevel" 播放 ”

<画布对象