| 1 | <!DOCTYPE html>
|
| 2 | <html>
|
| 3 | <head>
|
| 4 | <title>GoJS Arrowheads</title>
|
| 5 |
|
| 6 | <meta name="description" content="Show all of the predefined kinds of arrowheads for links." />
|
| 7 | <meta name="viewport" content="width=device-width, initial-scale=1">
|
| 8 |
|
| 9 | <script src="../samples/assets/require.js"></script>
|
| 10 | <script src="../assets/js/goSamples.js"></script>
|
| 11 | <script>
|
| 12 | function init() {
|
| 13 | require(["arrowheadsScript"], function(app) {
|
| 14 | app.init();
|
| 15 | });
|
| 16 | }
|
| 17 | </script>
|
| 18 | </head>
|
| 19 | <body onload="init()">
|
| 20 | <div id="sample">
|
| 21 | |
| 22 |
|
| 23 | <div id="myDiagramDiv" style="border: solid 1px black; width:600px; height:500px"></div>
|
| 24 | <div id="myArrowheadInfo" style="color:red"></div>
|
| 25 | <p>
|
| 26 | This sample displays all predefined GoJS arrowheads. Select or hover over a Node or its Link to see the names of the arrowheads
|
| 27 | on the Link.
|
| 28 | </p>
|
| 29 | <p>
|
| 30 | Each Link shows two arrowheads. The Link template has a Shape whose <a>Shape.toArrow</a> property is bound to an arrowhead
|
| 31 | name. A different Shape in the template has its <a>Shape.fromArrow</a> property bound to a different arrowhead name.
|
| 32 | Each arrowhead has been scaled up to make it more easily visible.
|
| 33 | </p>
|
| 34 | <p>
|
| 35 | See the definitions of all these arrowheads in the file: <a href="../extensionsTS/Arrowheads.ts" target="_blank">Arrowheads.ts</a>.
|
| 36 | </p>
|
| 37 | <p>
|
| 38 | For predefined shape geometries, see the <a href="shapes.html">Shapes</a> sample.
|
| 39 | </p>
|
| 40 | </div>
|
| 41 |
|
| 42 | </body>
|
| 43 | </html> |
| \ | No newline at end of file |