Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

BUG: Freehand text appears noticeably blurrier than in Excalidraw.com #2198

Open
2 tasks done
piotrnajda3000 opened this issue Jan 5, 2025 · 5 comments
Open
2 tasks done

Comments

@piotrnajda3000
Copy link

piotrnajda3000 commented Jan 5, 2025

Have you searched for existing issues (including closed ones)?

  • Yes, I have searched the existing issues.

Does this bug persist in a new vault with only Excalidraw installed?

  • Yes, I have verified the issue persists.

Your environment

SYSTEM INFO:
	Obsidian version: v1.6.7
	Installer version: v1.6.7
	Operating system: #49~22.04.1-Ubuntu SMP PREEMPT_DYNAMIC Wed Nov  6 17:42:15 UTC 2 6.8.0-49-generic
	Login status: logged in
	Catalyst license: none
	Insider build toggle: off
	Live preview: on
	Base theme: adapt to system
	Community theme: none
	Snippets enabled: 0
	Restricted mode: off
	Plugins installed: 1
	Plugins enabled: 1
		1: Excalidraw v2.7.4

Describe the bug

Freehand drawing appears blurrier than in Excalidraw.com (or staging.excalidraw.com)

Side by side image (the difference is best visible here due to vid. compression): https://imgur.com/a/I3xJyf1

Video

2025-01-05.13-01-37.mov

Steps to reproduce

Element from the video to copy and paste
{"type":"excalidraw/clipboard","elements":[{"id":"hJj7Pdk87-9-zMbTxdU4V","type":"freedraw","x":455,"y":356,"width":5,"height":94,"angle":0,"strokeColor":"#1e1e1e","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":0.5,"strokeStyle":"solid","roughness":1,"opacity":100,"groupIds":[],"frameId":null,"index":"aC","roundness":null,"seed":434693738,"version":91,"versionNonce":1359142646,"isDeleted":false,"boundElements":[],"updated":1736078060917,"link":null,"locked":false,"points":[[0,0],[1,1],[1,3],[1,4],[0,9],[0,13],[0,17],[0,23],[0,32],[0,38],[0,44],[0,49],[0,53],[0,60],[0,64],[0,69],[0,72],[1,77],[1,78],[1,79],[1,80],[1,81],[2,82],[2,83],[2,85],[2,87],[2,88],[2,89],[2,90],[3,90],[3,89],[2,89],[2,90],[3,90],[3,91],[3,92],[3,94],[5,91],[5,91]],"pressures":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"simulatePressure":false,"lastCommittedPoint":null},{"id":"NKxYwemoSkebp-NW02lLF","type":"freedraw","x":485,"y":358,"width":4,"height":82,"angle":0,"strokeColor":"#1e1e1e","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":0.5,"strokeStyle":"solid","roughness":1,"opacity":100,"groupIds":[],"frameId":null,"index":"aD","roundness":null,"seed":2039777578,"version":72,"versionNonce":511152182,"isDeleted":false,"boundElements":[],"updated":1736078060917,"link":null,"locked":false,"points":[[0,0],[0,-1],[0,0],[1,0],[1,3],[1,10],[0,17],[0,25],[-1,34],[-1,48],[0,56],[-1,63],[-1,69],[-2,75],[-3,80],[-3,81],[-3,80],[-3,79],[-3,75],[-3,75]],"pressures":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"simulatePressure":false,"lastCommittedPoint":null},{"id":"55er9Mp38tRHHoihXeBgf","type":"freedraw","x":485,"y":405,"width":27,"height":6,"angle":0,"strokeColor":"#1e1e1e","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":0.5,"strokeStyle":"solid","roughness":1,"opacity":100,"groupIds":[],"frameId":null,"index":"aE","roundness":null,"seed":289264618,"version":65,"versionNonce":1422137718,"isDeleted":false,"boundElements":[],"updated":1736078060917,"link":null,"locked":false,"points":[[0,0],[1,0],[0,0],[-4,1],[-8,1],[-14,3],[-18,3],[-21,4],[-24,5],[-26,6],[-25,6],[-23,6],[-23,6]],"pressures":[0,0,0,0,0,0,0,0,0,0,0,0,0],"simulatePressure":false,"lastCommittedPoint":null},{"id":"CJQ3Fs5WvqYPcJhxfNKbr","type":"freedraw","x":488,"y":425,"width":77,"height":74,"angle":0,"strokeColor":"#1e1e1e","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":0.5,"strokeStyle":"solid","roughness":1,"opacity":100,"groupIds":[],"frameId":null,"index":"aF","roundness":null,"seed":1659881130,"version":121,"versionNonce":992836278,"isDeleted":false,"boundElements":[],"updated":1736078060917,"link":null,"locked":false,"points":[[0,0],[1,1],[2,2],[3,2],[5,2],[8,3],[11,2],[14,1],[16,-1],[19,-3],[20,-5],[20,-6],[20,-7],[19,-8],[17,-7],[15,-6],[12,-4],[10,-1],[8,5],[7,10],[7,14],[8,18],[10,22],[12,23],[15,24],[18,22],[22,20],[28,14],[32,10],[35,6],[38,0],[41,-11],[43,-20],[45,-28],[46,-33],[48,-38],[50,-44],[50,-46],[50,-45],[48,-41],[46,-36],[44,-29],[41,-20],[40,-10],[38,6],[39,14],[39,19],[41,22],[42,22],[48,17],[52,10],[55,0],[59,-11],[65,-29],[68,-39],[70,-46],[71,-49],[71,-50],[70,-48],[68,-41],[65,-31],[60,-12],[58,0],[57,9],[60,15],[62,15],[71,11],[77,5],[77,5]],"pressures":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"simulatePressure":false,"lastCommittedPoint":null},{"id":"zNrKAG804iIosMtrbt0om","type":"freedraw","x":568,"y":433,"width":28,"height":25,"angle":0,"strokeColor":"#1e1e1e","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":0.5,"strokeStyle":"solid","roughness":1,"opacity":100,"groupIds":[],"frameId":null,"index":"aG","roundness":null,"seed":2002084202,"version":78,"versionNonce":1750643702,"isDeleted":false,"boundElements":[],"updated":1736078060917,"link":null,"locked":false,"points":[[0,0],[-1,0],[-1,-1],[0,-3],[2,-6],[5,-8],[8,-10],[14,-12],[18,-12],[21,-10],[23,-9],[26,-5],[27,-2],[27,2],[25,6],[23,9],[17,13],[13,13],[9,12],[5,10],[2,8],[-1,3],[0,0],[2,-5],[4,-9],[4,-9]],"pressures":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"simulatePressure":false,"lastCommittedPoint":null},{"id":"y8HwpA3WS7G2J6btpU1Un","type":"freedraw","x":622,"y":373,"width":64,"height":93,"angle":0,"strokeColor":"#1e1e1e","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":0.5,"strokeStyle":"solid","roughness":1,"opacity":100,"groupIds":[],"frameId":null,"index":"aH","roundness":null,"seed":163161130,"version":116,"versionNonce":1447740726,"isDeleted":false,"boundElements":[],"updated":1736078060917,"link":null,"locked":false,"points":[[0,0],[0,-1],[0,-2],[0,-4],[0,-5],[0,-7],[0,-9],[-1,-9],[0,-10],[0,-9],[0,-8],[0,-5],[0,-1],[1,5],[1,12],[2,26],[3,35],[4,44],[5,53],[6,63],[7,68],[7,71],[7,74],[7,77],[8,78],[8,77],[9,76],[9,74],[10,72],[11,69],[12,65],[14,56],[16,50],[17,45],[18,43],[19,40],[19,39],[19,40],[19,42],[21,50],[22,56],[23,61],[25,66],[28,72],[30,74],[31,75],[32,75],[33,74],[35,72],[37,68],[38,65],[39,58],[41,44],[42,35],[44,26],[46,16],[50,2],[54,-5],[57,-11],[60,-14],[61,-15],[62,-13],[63,-10],[63,-10]],"pressures":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"simulatePressure":false,"lastCommittedPoint":null},{"id":"4Z9m41ghET8AFJ7WUchvO","type":"freedraw","x":665,"y":426,"width":30,"height":35,"angle":0,"strokeColor":"#1e1e1e","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":0.5,"strokeStyle":"solid","roughness":1,"opacity":100,"groupIds":[],"frameId":null,"index":"aI","roundness":null,"seed":872910570,"version":78,"versionNonce":1986571894,"isDeleted":false,"boundElements":[],"updated":1736078060917,"link":null,"locked":false,"points":[[0,0],[1,0],[1,-1],[2,-4],[6,-8],[9,-10],[13,-11],[17,-11],[24,-9],[26,-8],[28,-5],[29,-2],[30,3],[29,12],[27,17],[25,21],[21,24],[15,24],[10,21],[6,15],[4,11],[4,7],[6,2],[6,2]],"pressures":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"simulatePressure":false,"lastCommittedPoint":null},{"id":"nxJLGN3ZLHckWctZ_TiHU","type":"freedraw","x":694,"y":435,"width":34,"height":37,"angle":0,"strokeColor":"#1e1e1e","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":0.5,"strokeStyle":"solid","roughness":1,"opacity":100,"groupIds":[],"frameId":null,"index":"aJ","roundness":null,"seed":449454506,"version":76,"versionNonce":1165455286,"isDeleted":false,"boundElements":[],"updated":1736078060917,"link":null,"locked":false,"points":[[0,0],[1,-1],[3,-3],[6,-6],[10,-11],[12,-15],[15,-18],[17,-19],[17,-18],[17,-17],[17,-11],[16,-4],[16,2],[16,9],[16,14],[17,15],[19,12],[21,7],[23,-1],[26,-10],[29,-15],[31,-19],[34,-22],[34,-22]],"pressures":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"simulatePressure":false,"lastCommittedPoint":null},{"id":"xH927GAxSCDiPiEAnq2s3","type":"freedraw","x":735,"y":392,"width":22,"height":57,"angle":0,"strokeColor":"#1e1e1e","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":0.5,"strokeStyle":"solid","roughness":1,"opacity":100,"groupIds":[],"frameId":null,"index":"aK","roundness":null,"seed":422337642,"version":69,"versionNonce":1604061430,"isDeleted":false,"boundElements":[],"updated":1736078060917,"link":null,"locked":false,"points":[[0,0],[1,-1],[0,-1],[-1,1],[-2,5],[-5,11],[-9,20],[-12,29],[-14,40],[-14,51],[-12,55],[-9,56],[-3,54],[4,51],[7,50],[8,49],[8,49]],"pressures":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"simulatePressure":false,"lastCommittedPoint":null},{"id":"pTlknR3XboLGM9LutlR7d","type":"freedraw","x":736,"y":440,"width":39,"height":45,"angle":0,"strokeColor":"#1e1e1e","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":0.5,"strokeStyle":"solid","roughness":1,"opacity":100,"groupIds":[],"frameId":null,"index":"aL","roundness":null,"seed":1828273962,"version":72,"versionNonce":341539382,"isDeleted":false,"boundElements":[],"updated":1736078060917,"link":null,"locked":false,"points":[[0,0],[1,-2],[3,-6],[6,-11],[11,-15],[21,-20],[29,-20],[35,-18],[38,-14],[39,-6],[36,0],[32,6],[26,9],[20,8],[12,1],[10,-8],[12,-18],[19,-29],[26,-36],[26,-36]],"pressures":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"simulatePressure":false,"lastCommittedPoint":null},{"id":"bbSGlg2HbdqwYY63odMt1","type":"freedraw","x":789,"y":374,"width":29,"height":82,"angle":0,"strokeColor":"#1e1e1e","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":0.5,"strokeStyle":"solid","roughness":1,"opacity":100,"groupIds":[],"frameId":null,"index":"aM","roundness":null,"seed":1654376938,"version":67,"versionNonce":2056962934,"isDeleted":false,"boundElements":[],"updated":1736078060917,"link":null,"locked":false,"points":[[0,0],[1,0],[3,1],[3,2],[2,11],[-2,22],[-7,35],[-13,50],[-17,64],[-19,79],[-17,82],[-14,82],[2,71],[10,66],[10,66]],"pressures":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"simulatePressure":false,"lastCommittedPoint":null}],"files":{}}

.excalidraw file

  • First, either copy the above element to Excalidraw.com and Obsidian OR load the prepared .excalidraw file
  • Then, Alt + Tab between the two, and notice the rendering

Expected behavior

For the Obsidian Excalidraw freetext sharpness to match Excalidraw.com's sharpness.

Additional context

While writing in Obsidian, I've noticed that the text appears kind of blurry. Initially, I thought it might be a problem with smoothing of the pen, so I turned it down in the custom fine-tip pen.

However, by directly copying the element from Obsidian Excalidraw to Excalidraw.com, I can see the bluriness difference clearly, so it must be a rendering issue, not related to writing.


Additional tags for search: blurry, freehand blurry, blurry text.

@zsviczian
Copy link
Owner

zsviczian commented Jan 5, 2025

must be something on your end, this looks sharp to me both images at 470% zoom

image

@zsviczian
Copy link
Owner

zsviczian commented Jan 5, 2025

and excalidraw.com

image

@piotrnajda3000
Copy link
Author

It's possible it's my device issue, i.e. Linux. However, I can also see the issue does not appear at high zoom - can you please take a look at 100% zoom?

@zsviczian
Copy link
Owner

zsviczian commented Jan 5, 2025

excalidraw.com:
image

obsidian:
image

Zoom is 100% in both cases... but the toolbar in Excalidraw is larger, thus the wider image... I don't see difference in sharpness

You can try updating Obsidian (you are using an older installer), the newer comes with a newer Electron, maybe that solves it (though I doubt)

@piotrnajda3000
Copy link
Author

Unfortunately, the update didn't help.

I will test this out on a Windows device later.

Thank you for attending to this issue!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

2 participants