New to Kendo UI for jQuery? Start a free 30-day trial

Editable.rotate.stroke

configuration

Specifies the stroke settings of the rotation thumb.

editable.rotate.stroke

Object

<div id="diagram"></div>
<script>
$("#diagram").kendoDiagram({
    shapes: [
        {
            id: "1",
            content: {
                text: "Rotatable Shape"
            },
            x: 100,
            y: 100
        }
    ],
    editable: {
        rotate: {
            stroke: {
                color: "green",
                width: 3
            }
        }
    }
});
</script>

editable.rotate.stroke.color

String

Specifies the stroke color of the rotation thumb.

<div id="diagram"></div>
<script>
$("#diagram").kendoDiagram({
    shapes: [
        {
            id: "1",
            content: {
                text: "Rotatable Shape"
            },
            x: 100,
            y: 100
        }
    ],
    editable: {
        rotate: {
            stroke: {
                color: "orange"
            }
        }
    }
});
</script>

editable.rotate.stroke.width

Number

Specifies the stroke thickness of the rotation thumb.

Default: 1

<div id="diagram"></div>
<script>
$("#diagram").kendoDiagram({
    shapes: [
        {
            id: "1",
            content: {
                text: "Rotatable Shape"
            },
            x: 100,
            y: 100
        }
    ],
    editable: {
        rotate: {
            stroke: {
                color: "purple",
                width: 4
            }
        }
    }
});
</script>