如何在webgl中绘制通过ngraph.pixi与PIXI.js链接的箭头？

const renderer = PIXI.autoDetectRenderer({
    width: window.innerWidth,
    height: window.innerHeight,
    antialias: true,
    transparent: true,
    resolution: 1,
    autoResize: true
});
document.body.appendChild(renderer.view);

const stage = new PIXI.Container();

const graph = require('ngraph.graph')();
const node1 = graph.addNode(1);
const node2 = graph.addNode(2);
const link = graph.addLink(node1.id, node2.id);

const arrow = new PIXI.Graphics();

arrow.lineStyle(2, 0x000000); // 设置线条样式
arrow.moveTo(0, 0); // 移动到起始点
arrow.lineTo(50, 0); // 绘制直线
arrow.lineTo(40, -10); // 绘制箭头一侧
arrow.moveTo(50, 0); // 移动到箭头另一侧
arrow.lineTo(40, 10); // 绘制箭头另一侧

stage.addChild(arrow);

renderer.render(stage);

const renderer = PIXI.autoDetectRenderer({
    width: window.innerWidth,
    height: window.innerHeight,
    antialias: true,
    transparent: true,
    resolution: 1,
    autoResize: true
});
document.body.appendChild(renderer.view);

const stage = new PIXI.Container();

const graph = require('ngraph.graph')();
const node1 = graph.addNode(1);
const node2 = graph.addNode(2);
const link = graph.addLink(node1.id, node2.id);

const arrow = new PIXI.Graphics();
arrow.lineStyle(2, 0x000000);
arrow.moveTo(0, 0);
arrow.lineTo(50, 0);
arrow.lineTo(40, -10);
arrow.moveTo(50, 0);
arrow.lineTo(40, 10);

stage.addChild(arrow);

renderer.render(stage);