eiac/xterm.js
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1 Wiki Activity

Webgl cursor renderer makes sure a char is not drawn outside of the cell

Browse Source
This commit is contained in:
Jason Lin
2022-09-06 14:12:15 +10:00
parent 93bc9bf152
commit 4752f99e03
1 changed files with 7 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
addons/xterm-addon-webgl/src/renderLayer/BaseRenderLayer.ts
+7 -6
View File
@@ -226,7 +226,7 @@ export abstract class BaseRenderLayer implements IRenderLayer {
protected _fillCharTrueColor(terminal: Terminal, cell: CellData, x: number, y: number): void { protected _fillCharTrueColor(terminal: Terminal, cell: CellData, x: number, y: number): void {
this._ctx.font = this._getFont(terminal, false, false); this._ctx.font = this._getFont(terminal, false, false);
this._ctx.textBaseline = TEXT_BASELINE; this._ctx.textBaseline = TEXT_BASELINE;
this._clipRow(terminal, y); this._clipCell(x, y, cell.getWidth());
this._ctx.fillText( this._ctx.fillText(
cell.getChars(), cell.getChars(),
x * this._scaledCellWidth + this._scaledCharLeft, x * this._scaledCellWidth + this._scaledCharLeft,
@@ -234,16 +234,17 @@ export abstract class BaseRenderLayer implements IRenderLayer {
} }
/** /**
* Clips a row to ensure no pixels will be drawn outside the cells in the row. * Clips a cell to ensure no pixels will be drawn outside of it.
* @param terminal The terminal. * @param x The column to clip.
* @param y The row to clip. * @param y The row to clip.
* @param width The number of columns to clip.
*/ */
private _clipRow(terminal: Terminal, y: number): void { private _clipCell(x: number, y: number, width: number): void {
this._ctx.beginPath(); this._ctx.beginPath();
this._ctx.rect( this._ctx.rect(
0, x * this._scaledCellWidth,
y * this._scaledCellHeight, y * this._scaledCellHeight,
terminal.cols * this._scaledCellWidth, width * this._scaledCellWidth,
this._scaledCellHeight); this._scaledCellHeight);
this._ctx.clip(); this._ctx.clip();
} }