sfja.skp/slige
1
0
Fork 0
mirror of https://git.sfja.dk/Mikkel/slige.git synced 2025-01-18 12:46:31 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

flamegraph in branded yellow color

Browse Source
This commit is contained in:
Theis Pieter Hollebeek 2024-12-17 11:40:49 +01:00
parent f373e3574c
commit 0d4488e781
1 changed files with 5 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
web/public/src/flamegraph.ts
View File

@ -90,7 +90,7 @@ export function loadFlameGraph(
function renderNodes(nodes: CalcNode[]) { function renderNodes(nodes: CalcNode[]) {
for (const node of nodes) { for (const node of nodes) {
const { x, y, w, h } = node; const { x, y, w, h } = node;
ctx.fillStyle = "rgb(255, 125, 0)"; ctx.fillStyle = "rgb(227, 178, 60)";
ctx.fillRect(x + 2, y + 2, w - 4, h - 4); ctx.fillRect(x + 2, y + 2, w - 4, h - 4);
const textCanvas = drawTextCanvas(node); const textCanvas = drawTextCanvas(node);
@ -105,8 +105,8 @@ export function loadFlameGraph(
x + 2 + edgeWidth, x + 2 + edgeWidth,
0, 0,
); );
leftGradient.addColorStop(1, "rgba(255, 125, 0, 0.0)"); leftGradient.addColorStop(1, "rgba(227, 178, 60, 0.0)");
leftGradient.addColorStop(0, "rgba(255, 125, 0, 1.0)"); leftGradient.addColorStop(0, "rgba(227, 178, 60, 1.0)");
ctx.fillStyle = leftGradient; ctx.fillStyle = leftGradient;
ctx.fillRect(x + 2, y + 2, Math.min(edgeWidth, (w - 4) / 2), h - 4); ctx.fillRect(x + 2, y + 2, Math.min(edgeWidth, (w - 4) / 2), h - 4);
@ -116,8 +116,8 @@ export function loadFlameGraph(
x + w - 2 - edgePadding, x + w - 2 - edgePadding,
0, 0,
); );
rightGradient.addColorStop(0, "rgba(255, 125, 0, 0.0)"); rightGradient.addColorStop(0, "rgba(227, 178, 60, 0.0)");
rightGradient.addColorStop(1, "rgba(255, 125, 0, 1.0)"); rightGradient.addColorStop(1, "rgba(227, 178, 60, 1.0)");
ctx.fillStyle = rightGradient; ctx.fillStyle = rightGradient;
ctx.fillRect( ctx.fillRect(
x + w - 2 - Math.min(edgeWidth, (w - 4) / 2), x + w - 2 - Math.min(edgeWidth, (w - 4) / 2),