HTML canvas miterLimitСвойство
Объект CanvasПример
Нарисуйте линию с максимальной длиной скоса 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();
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();
Попробуйте сами »
Поддержка браузеров
Internet Explorer 9, Firefox, Opera, Chrome и Safari поддерживают свойство miterLimit.
Примечание:Internet Explorer 8 и более ранние версии не поддерживают элемент <canvas>.
Определение и использование
Свойство miterLimit устанавливает или возвращает максимальную длину скоса.
Длина скоса — это расстояние между внутренним и внешним углами в месте соединения двух линий.
Совет:miterLimit действует только тогда, когда свойство lineJoin имеет значение "miter".
Чем меньше угол, тем больше будет длина скоса.
Чтобы длина скосане стала слишком большой, можно использовать свойство miterLimit.
Если длина скоса превышает значение miterLimit, угол будет отображаться в типе lineJoin "bevel" (рис. 3):
| Значение по умолчанию: | 10 |
|---|---|
| Синтаксис JavaScript: | context.miterLimit=number; |
Значение свойства
| Значение | Описание |
|---|---|
| число | Положительное число. Задаёт максимальную длину скоса. Если длина скоса превышает значение miterLimit, угол будет отображаться в типе lineJoin "bevel". |
Другие расширения