<div id="diagram"></div>
<script>
$("#diagram").kendoDiagram({
    shapes: [
        {
            id: "1",
            content: {
                text: "My Shape"
            },
            x: 100,
            y: 100
        }
    ],
    pdf: {
        author: "John Doe",
        creator: "MyApp",
        title: "Diagram Export",
        margin: {
            left: "2cm",
            top: "2cm",
            right: "2cm",
            bottom: "2cm"
        }
    }
});

// Export the diagram as PDF
$("#diagram").data("kendoDiagram").saveAsPDF();
</script>