xuguopeng/rrweb
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: enable to change the config of mouse tail while playing (#410)

Browse Source 
fix a potential bug: handleResize function might change the display style of mouseTail
This commit is contained in:
踩坑小王子
2026-04-01 12:00:00 +08:00
committed by GitHub
parent 8607cb6071
commit 13b8a69213
1 changed files with 16 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
src/replay/index.ts
View File

@@ -220,6 +220,20 @@ export class Replayer {
},
});
}
if (typeof config.mouseTail !== 'undefined') {
if (config.mouseTail === false) {
this.mouseTail && (this.mouseTail.style.display = 'none');
} else {
if (!this.mouseTail) {
this.mouseTail = document.createElement('canvas');
this.mouseTail.width = Number.parseFloat(this.iframe.width);
this.mouseTail.height = Number.parseFloat(this.iframe.height);
this.mouseTail.classList.add('replayer-mouse-tail');
this.wrapper.insertBefore(this.mouseTail, this.iframe);
}
this.mouseTail.style.display = 'inherit';
}
}
}
public getMetaData(): playerMetaData {
@@ -316,7 +330,7 @@ export class Replayer {
if (this.config.mouseTail !== false) {
this.mouseTail = document.createElement('canvas');
this.mouseTail.classList.add('replayer-mouse-tail');
this.mouseTail.style.display = 'none';
this.mouseTail.style.display = 'inherit';
this.wrapper.appendChild(this.mouseTail);
}
@@ -341,11 +355,11 @@ export class Replayer {
}
private handleResize(dimension: viewportResizeDimention) {
this.iframe.style.display = 'inherit';
for (const el of [this.mouseTail, this.iframe]) {
if (!el) {
continue;
}
el.style.display = 'inherit';
el.setAttribute('width', String(dimension.width));
el.setAttribute('height', String(dimension.height));
}