diff --git a/packages/draw/textbox.mjs b/packages/draw/textbox.mjs index f70e84285..fa2cb9e14 100644 --- a/packages/draw/textbox.mjs +++ b/packages/draw/textbox.mjs @@ -6,12 +6,7 @@ export function textbox({ haps, ctx, id, margin = 10, fontsize = 24 } = {}) { const h = ctx.canvas.height; ctx.clearRect(0, 0, w, h); const color = getTheme().foreground; - const centerX = w / 2; - const centerY = h / 2; - if (id) { - haps = haps.filter((hap) => hap.hasTag(id)); - } ctx.strokeStyle = color; ctx.fillStyle = color; ctx.globalAlpha = 1; @@ -35,13 +30,21 @@ export function textbox({ haps, ctx, id, margin = 10, fontsize = 24 } = {}) { Pattern.prototype.textbox = function (options = {}) { let { ctx = getDrawContext(), id = 1 } = options; - return this.tag(id).onPaint((_, time, haps) => - textbox({ - ...options, - time, - ctx, - haps: haps.filter((hap) => hap.isActive(time)), + this.draw( + (haps, time) => { + textbox({ + ...options, + time, + ctx, + haps: haps.filter((hap) => hap.isActive(time)), + }); + }, + { + lookbehind: 0, + lookahead: 0, id, - }), + }, ); + + return this; };