js如何画箭头

```html

```

2. 使用``元素：

```html

```

```javascript

var canvas = document.getElementById("myCanvas");

var ctx = canvas.getContext("2d");

ctx.beginPath();

ctx.moveTo(100, 100);

ctx.lineTo(150, 150);

ctx.lineTo(100, 200);

ctx.lineTo(50, 150);

ctx.lineTo(100, 100);

ctx.fillStyle = "red";

ctx.fill();

```

使用SVG

1. 直接在HTML中使用SVG：

```html

```

2. 使用JavaScript创建SVG：

```javascript

var svgNS = "http://www.w3.org/2000/svg";

var svg = document.createElementNS(svgNS, "svg");

svg.setAttribute("width", "100");

svg.setAttribute("height", "100");

var line1 = document.createElementNS(svgNS, "line");

line1.setAttribute("x1", "50");

line1.setAttribute("y1", "50");

line1.setAttribute("x2", "100");

line1.setAttribute("y2", "100");

line1.setAttribute("style", "stroke:rgb(255,0,0);stroke-width:2");

var line2 = document.createElementNS(svgNS, "line");

line2.setAttribute("x1", "50");

line2.setAttribute("y1", "50");

line2.setAttribute("x2", "50");

line2.setAttribute("y2", "100");

line2.setAttribute("style", "stroke:rgb(0,0,0);stroke-width:2");

svg.appendChild(line1);

svg.appendChild(line2);

document.body.appendChild(svg);

```

这些方法可以根据你的具体需求进行修改和扩展。希望这些信息能帮助你！