|
@@ -59,6 +59,9 @@ const calcNoteData = () => {
|
|
|
top: noteBbox.y - parentTop - noteBbox.height + "px",
|
|
|
width: noteBbox.width * 1.5 + "px",
|
|
|
height: noteBbox.height * 3 + "px",
|
|
|
+ x: item.bbox?.x,
|
|
|
+ y: item.bbox?.y,
|
|
|
+ originWidth: item.bbox?.width
|
|
|
};
|
|
|
const noteHead = noteEle.querySelector(".vf-numbered-note-head");
|
|
|
const noteHeadBbox = noteHead?.getBoundingClientRect?.();
|
|
@@ -66,6 +69,9 @@ const calcNoteData = () => {
|
|
|
item.bbox = {
|
|
|
left: noteHeadBbox.x - parentLeft - noteHeadBbox.width / 4,
|
|
|
width: noteHeadBbox.width * 1.5,
|
|
|
+ x: item.bbox?.x,
|
|
|
+ y: item.bbox?.y,
|
|
|
+ originWidth: item.bbox?.width
|
|
|
}
|
|
|
}
|
|
|
|
|
@@ -75,6 +81,9 @@ const calcNoteData = () => {
|
|
|
top: staveBbox.y - parentTop + "px",
|
|
|
width: noteBbox.width * 1.5 + "px",
|
|
|
height: staveBbox.height + "px",
|
|
|
+ x: item.bbox?.x,
|
|
|
+ y: item.bbox?.y,
|
|
|
+ originWidth: item.bbox?.width
|
|
|
};
|
|
|
}
|
|
|
|