Skip to content

Commit 3517c2b

Browse files
authored
fix super-sub-script demo (#180)
1 parent 193029b commit 3517c2b

File tree

1 file changed

+14
-5
lines changed
  • src/content/demo/super-sub-script

1 file changed

+14
-5
lines changed

src/content/demo/super-sub-script/code.js

Lines changed: 14 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,26 +1,35 @@
11
const $ = (id) => document.getElementById(id);
22

3+
const getRange = () => {
4+
var active = canvas.getActiveObject();
5+
if (!active) return [];
6+
if (active.selectionStart === active.selectionEnd) {
7+
return [active.selectionStart, active.selectionEnd + 1];
8+
}
9+
return [active.selectionStart, active.selectionEnd];
10+
}
11+
312
$('super').onclick = () => {
413
var active = canvas.getActiveObject();
514
if (!active) return;
6-
active.setSuperscript();
15+
active.setSuperscript(...getRange());
716
canvas.requestRenderAll();
817
}
918

1019
$('sub').onclick = () => {
1120
var active = canvas.getActiveObject();
1221
if (!active) return;
13-
active.setSubscript();
22+
active.setSubscript(...getRange());
1423
canvas.requestRenderAll();
1524
}
1625

1726
$('remove').onclick = () => {
1827
var active = canvas.getActiveObject();
1928
if (!active) return;
20-
active.setSelectionStyles({
29+
active.setSelectionStyles && active.setSelectionStyles({
2130
fontSize: undefined,
2231
deltaY: undefined,
23-
});
32+
}, ...getRanges());
2433
canvas.requestRenderAll();
2534
}
2635

@@ -42,4 +51,4 @@ var textbox = new fabric.Textbox('This is a Textbox object', {
4251
stroke: "#D81B60",
4352
});
4453

45-
canvas.add(itext, textbox);
54+
canvas.add(itext, textbox);

0 commit comments

Comments
 (0)