massivebox/siyuan-jsdraw-plugin

Fork 0

forked from mirrors/plugin-sample-vite-svelte

Could the plugin support stylus input and smoother handwriting? #15

New issue

Open

opened 2025-09-03 12:23:38 +00:00 by Jasaxion · 3 comments

Jasaxion commented

2025-09-03 12:23:38 +00:00

Hello,

First of all, I really enjoy using this plugin — it nicely fills the gap that SiYuan currently has regarding handwritten annotations, and it has greatly improved my workflow efficiency. Thank you for your hard work in making this possible!

That said, I’ve noticed a few areas where the experience could be further improved:

When I write on my Samsung tablet, the handwriting sometimes feels a bit laggy or delayed.

Additionally, finger touch and stylus input are treated the same, which affects the overall handwriting experience.

I also noticed that another widget for SiYuan, Whiteboard (which is based on Excalidraw), can automatically detect stylus input and even supports pressure sensitivity. I’m not sure about the technical difficulty of implementing this, but I feel that similar functionality would significantly enhance the usability of this plugin.

Regardless, I truly appreciate the effort you’ve already put into developing this tool. Thank you again for your great work!

Hello, First of all, I really enjoy using this plugin — it nicely fills the gap that SiYuan currently has regarding handwritten annotations, and it has greatly improved my workflow efficiency. Thank you for your hard work in making this possible! That said, I’ve noticed a few areas where the experience could be further improved: When I write on my Samsung tablet, the handwriting sometimes feels a bit laggy or delayed. Additionally, finger touch and stylus input are treated the same, which affects the overall handwriting experience. I also noticed that another widget for SiYuan, Whiteboard (which is based on Excalidraw), can automatically detect stylus input and even supports pressure sensitivity. I’m not sure about the technical difficulty of implementing this, but I feel that similar functionality would significantly enhance the usability of this plugin. Regardless, I truly appreciate the effort you’ve already put into developing this tool. Thank you again for your great work!

massivebox commented

2025-09-03 14:28:17 +00:00

Owner

Thanks for the feedback!
Unfortunately, I don't have an Android tablet with a stylus (I use a Wacom), so I'm going to need a bit of help from you to confirm a couple of things.

First off, open a whiteboard, then open the "Pan" settings in the toolbar (hand icon) and click "Scroll with touch". Does this fix the issue of the finger and stylus being treated as the same?

Then, select the active pen, and check if "Pressure" is enabled. If it's highlighted, it means it is. Then try to see if the pressure is detected correctly.

If the tests fail, please repeat them, using the same device, in https://js-draw.web.app/. Use Google Chrome (or a Chromium-based browser). To get a drawing board, click "New" in the bottom-right corner, then select any background option.

Thanks!

Thanks for the feedback! Unfortunately, I don't have an Android tablet with a stylus (I use a Wacom), so I'm going to need a bit of help from you to confirm a couple of things. First off, open a whiteboard, then open the "Pan" settings in the toolbar (hand icon) and click "Scroll with touch". Does this fix the issue of the finger and stylus being treated as the same? Then, select the active pen, and check if "Pressure" is enabled. If it's highlighted, it means it is. Then try to see if the pressure is detected correctly. If the tests fail, please repeat them, using the same device, in https://js-draw.web.app/. Use Google Chrome (or a Chromium-based browser). To get a drawing board, click "New" in the bottom-right corner, then select any background option. Thanks!

Jasaxion commented

2025-09-03 15:33:02 +00:00

Author

@massivebox wrote in #15 (comment):

Thanks for the feedback! Unfortunately, I don't have an Android tablet with a stylus (I use a Wacom), so I'm going to need a bit of help from you to confirm a couple of things.

First off, open a whiteboard, then open the "Pan" settings in the toolbar (hand icon) and click "Scroll with touch". Does this fix the issue of the finger and stylus being treated as the same?

Then, select the active pen, and check if "Pressure" is enabled. If it's highlighted, it means it is. Then try to see if the pressure is detected correctly.

If the tests fail, please repeat them, using the same device, in https://js-draw.web.app/. Use Google Chrome (or a Chromium-based browser). To get a drawing board, click "New" in the bottom-right corner, then select any background option.

Thanks!

Great! I followed your instructions and everything worked correctly. Although the pressure sensitivity feels rather basic — it adjusts the thickness of the entire stroke instead of varying within parts of it — it’s already a huge improvement over the previous experience!

@massivebox wrote in https://git.massive.box/massivebox/siyuan-jsdraw-plugin/issues/15#issuecomment-98: > Thanks for the feedback! Unfortunately, I don't have an Android tablet with a stylus (I use a Wacom), so I'm going to need a bit of help from you to confirm a couple of things. > > First off, open a whiteboard, then open the "Pan" settings in the toolbar (hand icon) and click "Scroll with touch". Does this fix the issue of the finger and stylus being treated as the same? > > Then, select the active pen, and check if "Pressure" is enabled. If it's highlighted, it means it is. Then try to see if the pressure is detected correctly. > > If the tests fail, please repeat them, using the same device, in https://js-draw.web.app/. Use Google Chrome (or a Chromium-based browser). To get a drawing board, click "New" in the bottom-right corner, then select any background option. > > Thanks! Great! I followed your instructions and everything worked correctly. Although the pressure sensitivity feels rather basic — it adjusts the thickness of the entire stroke instead of varying within parts of it — it’s already a huge improvement over the previous experience!

massivebox commented

2025-09-06 09:28:58 +00:00

Owner

The behavior of stroke sensitivity is not consistent with what I see on my Wacom tablet, where the thickness of the stroke changes for every node.

Are you drawing a shape (circle, rectangle, line) or using the freehand drawing?
Does the same happen on https://js-draw.web.app/ ?

Thanks!

The behavior of stroke sensitivity is not consistent with what I see on my Wacom tablet, where the thickness of the stroke changes for every node. Are you drawing a shape (circle, rectangle, line) or using the freehand drawing? Does the same happen on https://js-draw.web.app/ ? Thanks!

No labels

No milestone

No project

No assignees

2 participants

Notifications

Due date

The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set.

Reference: massivebox/siyuan-jsdraw-plugin#15

No description provided.

Rows
Columns