massivebox/siyuan-jsdraw-plugin
massivebox/siyuan-jsdraw-plugin
2
1
Fork 0
forked from mirrors/plugin-sample-vite-svelte
Code Issues 4 Pull requests Projects 3 Releases 7 Packages Wiki Activity Actions

Add custom cursor on editor canvas

Browse source
This commit is contained in:
MassiveBox 2025-05-07 21:16:50 +02:00
parent 77e8218d1f
commit 5322944ad9
Signed by: massivebox
GPG key ID: 9B74D3A59181947D
2 changed files with 8 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

BIN
public/webapp/cursor.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 719 B

8
src/editor.ts
View file

@ -44,6 +44,14 @@ export class PluginEditor {
iconProvider: new MaterialIconProvider(), iconProvider: new MaterialIconProvider(),
}); });
const styleElement = document.createElement('style');
styleElement.innerHTML = `
canvas.wetInkCanvas {
cursor: url('/plugins/siyuan-jsdraw-plugin/webapp/cursor.png') 6 6, auto;
}
`;
this.element.appendChild(styleElement);
this.editor.dispatch(this.editor.setBackgroundStyle({ autoresize: true }), false); this.editor.dispatch(this.editor.setBackgroundStyle({ autoresize: true }), false);
this.editor.getRootElement().style.height = '100%'; this.editor.getRootElement().style.height = '100%';