antfu / live-draw Goto Github PK
View Code? Open in Web Editor NEWA tool allows you to draw on screen real-time.
License: MIT License
A tool allows you to draw on screen real-time.
License: MIT License
Erase by point only works when we use D shortcut. It would improve usability if it can be done by clicking twice on the eraser icon.
hi there
is it possible to add a new feature, to draw shapes? (recktangles, circles, triangles, arrows)
I know ZoomIT can do this, but you cant pause drawing and hide it, to continue later where you stopped. Thats why I love livedraw, because you can pause and hide it, and continue later. Im just missing shapes feature.
well, and if it is not too mch to ask, maybe some more shapes like cloud shapes, heart shapes etc (like, other common shapes that can be used to display different stuff, especially when trying to highlight something, so you have different shapes to group things differently)
and ideally, a help window or a documentation included in the download, where you can look up all shortcuts would be very helpful.
Hey, I really like live-draw. It's very slick and stylish. I am usually anti-animation but I like them in this case :-) Very well done
I'm looking for a replacement for ZoomIt which is very old a this point.
The one feature I miss from ZoomIt is that you can hold down CTRL and make nice squares or SHIFT to make nice circles (see below for example). Any chance of such a feature in live-draw?
Installing LiveDraw-0.1.2.x64 on Windows 11 Pro pops up a screen asking me to download .net framework
Clicking on Yes does closes the window and does not do anything
Click on No does closes the windows and does not do anything
I downloaded .net 6.0 from this link and installed the 64 bit version. Then ran LiveDraw-0.1.2.x64 installer which resulted the same behaviour described above
.NET Desktop Runtime 6.0.10
I downloaded .Download .NET Core 3.1 from this link and installed the 64 bit version. Then ran LiveDraw-0.1.2.x64 installer which resulted the same behaviour described above
.NET Desktop Runtime 3.1.30
So which .net do I need?
During annotating, the palm of my hand often touches the screen and causes false annotation. If palm rejection could be added, it would be great!
Hey there,
I didn't see it specifically mentioned, is this Windows only, or would this be compatible with Linux as well?
Thanks,
-MH
is there any way to create shortcuts? how to press ctrl + 1 to use the pen and ctrl + 2 to activate the eraser?
if there is no, would there be any way to implement it?
I really loved the program it is very good literally the best I have used so far being that I paid $$ 79 for a program with the same purpose and yours is much better, I just really would like to have shortcuts
thank you for your attention
iann ortnau
The program does not work an all the monitors, and if I change the window to a secondary monitor, I'm just able to draw on a little part of the entire window. also if I move the tools out of that space, it disappears.
Reproducible
Windows 10
npm
live-draw is great! But working with two monitors it would be nice if the pallet could be placed on a second screen as an option.
Hey guys, thank you so much for getting interested in this project!
As you may see this project is me created 5 years ago. For now, I'm no longer using a Windows laptop with a touch screen, which means I am not able to help with testing and bug fixing (or even new releases).
We are having some issue that makes me feel shame as I can't fix them, for example, #8 #5.
So I am looking for collaborators to help out on those issues, with a few requirements:
Leave comments to show me that you can compile this project and I will add you as collaborators of this project, much appreciated! 🙌
If i click on other window i can not change release/recover option by shortcut
I really like the look and ease of this programm, but it is nearly useless for me without white and black as colors
Would be super nice if one could change these or black and white are options by default
Thank you very much!
When I open the live-draw app, it gives an error message "To run this application, you must install .NET. Would you like to download it now?" And then it proceeds to the URL https://dotnet.microsoft.com/download/dotnet/5.0/runtime/. Accordingly I install the .NET Desktop Runtime version 5.0.6. But even after the installation, the live-draw app refuses to launch, and continues to show the same error message.
Hi,
First of all amazing work. Just 800 KB and it looks awesome and works awesome,
I would like to know if there is a future of it becoming cross platform (including mobile OS) software.
When i press "Realese/Recover" button and focus on browser, for example, hotkey "R" dosent work. Focus on LiveDraw not return also.
Please add the feature to be able to select, drag, and resize the drawings or the current live screen board like Microsoft Whiteboard.
Currently the shortcut buttons are pre-defined. We can give option to change the shortcut keys according to them.
If the FitToCurve property of the InkCanvas is True, the calibration will occur after every handwriting is finished. (About the outline)
Is it possible to apply the same effect as this property while drawing Ink?
Hello, your app is really cool, I use it in my job (building architecture) to sketch over my plans to communicate with my collaborators. It only lacks the possibility of making straight lines with the SHIFT key.
Would it be possible to add this function?
Thank you!
Originally posted by @Gaiatux in #10 (comment)
I tied to install LiveDraw 0.1.2 in Windows 10 21H2.
As it asks for .NET 5, I installed it .NET 5.0 as it is linked by the installer as x64 and x86 for the respectiv installer version of LiveDraw.
Then I installed .Net 6.0.5 x64 and x86.
Whatever I installed, the LiveDraw installer didn't recognize the installed .NET versions and always asked for it again.
I'm not sure what I'm doing wrong, what else I could try.
Thank you in advance!
How to run it? There is no .exe or anything! I really desperately want it.
Hello,
Live Draw is awesome! And I was delighted to read that it is supposed to have pen pressure recognition. Unfortunately the option does not work in my case, I am using a cintiq (wacom tablet) and I cannot get the drawing pressure to work. I have no idea what setting I need to act on for this to work. Any help would be greatly appreciated
thank you again for your time and all the great work already done !
A global hotkey would be useful for enabling/disabling the app whether its in focus or not
I have already wrote the code for this, just remove.txt and it will work as of 08/08/2023 source code
Entire working MainWindow.xaml.cs file: MainWindow.xaml.cs.txt
Just the changed code:
// imports
[DllImport("user32.dll")]
private static extern bool RegisterHotKey(IntPtr hWnd, int id, uint fsModifiers, uint vk);
[DllImport("user32.dll")]
private static extern bool UnregisterHotKey(IntPtr hWnd, int id);
private IntPtr windowHandle;
private HwndSource source;
// under lifetime
protected override void OnContentRendered(EventArgs e)
{
base.OnContentRendered(e);
SetupHotkeys();
}
private void Exit(object sender, EventArgs e)
{
if (IsUnsaved())
QuickSave("ExitingAutoSave_");
source.RemoveHook(HwndHook);
UnregisterHotKey(windowHandle, 1200);
Application.Current.Shutdown(0);
}
// Under shortcuts
private void SetupHotkeys()
{
windowHandle = new WindowInteropHelper(this).Handle;
source = HwndSource.FromHwnd(windowHandle);
source.AddHook(HwndHook);
RegisterHotKey(windowHandle, 2300, 0x0001 | 0x0004, 0x52); //ALT + SHIFT + R - Enable/disable hotkey when not focused
}
private IntPtr HwndHook(IntPtr hwnd, int msg, IntPtr wParam, IntPtr lParam, ref bool handled)
{
const int WM_HOTKEY = 0x0312;
switch (msg)
{
case WM_HOTKEY:
switch (wParam.ToInt32())
{
case 2300:
SetEnable(!_enable);
handled = true;
break;
}
break;
}
return IntPtr.Zero;
}
Please, add new drawing tools like square, circle, lines (vertical, horizontal, freestyle).
Some other drawing softwares allows you to hold Shift key to draw a perfect horizontal ou vertical line.
It also would be nice if there's a button to take the screenshot and save it to clipboard.
Clicking eraser doesn't disable selecting pen colors. So it is easily possible to change color of the pen while erasing.
When color of pen is changed while using eraser , the control should be shifted to pen or it should not be possible to do in the first place.
A shortcut (C) for clear screen would be helpful. Currently, I need to search for a bit before hitting the clear screen button. A keyboard shortcut would make the process instantaneous.
when I try to move the ui it stops after about 10 ms here is a video but I have some c# code so it's way smoother:
public const int WM_NCLBUTTONDOWN = 0xA1;
public const int HT_CAPTION = 0x2;
[DllImport("user32.dll")]
public static extern int SendMessage(IntPtr hWnd, int Msg, int wParam, int lParam);
[DllImport("user32.dll")]
public static extern bool ReleaseCapture();
private void FormMoveable_MouseDown(object sender, System.Windows.Forms.MouseEventArgs e)
{
if (e.Button == MouseButtons.Left)
{
ReleaseCapture();
SendMessage(Handle, WM_NCLBUTTONDOWN, HT_CAPTION, 0);
}
}
I understand that the UI's transparent background is a feature, but when there is a lot of activity on the screen (e.g. placing LiveDraw's interface on top of the File Explorer when it's full of filenames), it becomes difficult to locate LiveDraw's interface elements. It would be great to have an option to turn off transparency.
The keyboard shortcut R is meant to release/recover control of drawing. However, it is not helpful when we try to recover control. Suppose that the Livedraw application is visible on top of a pdf document, but we are not currently annotating anything. Instead, we are currently interacting with the document, for example, we might be scrolling through the pages of a pdf document. Now we wish to recover the control of drawing and begin to annotate. If we click on the R button, nothing happens. This is because the document is still the currently focused window. The R input is passed to the document instead of passing it to the Livedraw application. Hence, we cannot recover control of drawing.
Now if we switch to the Livedraw application from the Taskbar or by using Alt+Tab, then clicking the R button immediately activates the drawing mode. But this is inconvenient.
So we require that Livedraw is constantly listening to all keystrokes, and whenever we type the recover keystroke, it activates the drawing mode immediately. The R button is not a good keystroke for recovering control. This is because we might be typing in a Word document, where typing the letter R happens frequently. So we need some slightly esoteric key combination, such as Ctrl+shift+R or Ctrl+E or something else, which is typically not used by other applications.
The recovery shortcut is the only one that needs to be global (meaning that Livedraw listens for this keystroke even if it is not in focus). All other shortcuts are used when the Livedraw application is in focus, and hence all other shortcuts can be local.
@antfu
I'm trying to solve compilation failure. After correcting the framework version to 4.8 in the LiveDraw.csproj I had to install msbuild 2016. Then I was able to compile until an error pointing to line 61 of CornerRadiusAnimation.cs:
public override Type TargetPropertyType => typeof(CornerRadius);
So when I launch build.bat in the Command prompt, it builds until it says:
CornerRadiusAnimation.cs(61,50): error CS1519: Invalid token '=>' in class, struct, or interface member declaration [C:\Users\xxxxx\xxxxx\live-draw-master\live-draw-master\LiveDraw\LiveDraw_i0ybxmcm_wpftmp.csproj]
CornerRadiusAnimation.cs(61,72): error CS1519: Invalid token ')' in class, struct, or interface member declaration [C:
Users\xxxxx\xxxxx\live-draw-master\live-draw-master\LiveDraw\LiveDraw_i0ybxmcm_wpftmp.csproj]
And it returns a Build FAILED.
I don't understand what is going on. I would really like to be able to compile live-draw, the UI is beautifull. I really find it better than others on-screen annotation softwares.
Maybe the code needs a small update? Can you help me with this? I'm not a dev, but I try to solve this. Thanx!
HI antfu
I like this drawing tool, and Could you add some more features
TKS.
text annotation won't save/load on .fdw file
How do I install this app? Win 10. Running the .bat starts something but then there is no app running anywhere...
User can draw straight lines without even selecting the option after they have disabled the tool. Provided that they start from somewhere there already exist ink on screen and end somewhere else where ink is present.
@Gaiatux Kindly check this issue. You will be able to solve the bug easily as you implemented this feature.
Use on Windows , linedraw-1.1.exe asks to download the newer .NET
Downloaded .NET 5 from below site
https://dotnet.microsoft.com/download/dotnet/5.0/runtime/?utm_source=getdotnetcore&utm_medium=referral
Still linedraw asks to install newers .NET and shows above message
Would be possible as well to export the ink layer and the background ? or did I miss the function ?
Thanks,
Great work :)
Alternate apps like gink or ppink allow the app to be shown in the system tray, which makes it easier to launch the app and begin annotating quickly. It would be great if livedraw can be similarly minimized and launched from the system tray/notification area.
It can be helpful to scroll the document while it is being annotated. For example, we can take a note (annotation by Livedraw) from page 1 of the document, and then scroll to page 5, and then again take some annotation. Currently, we need to release the control after page 1, scroll to the desired page, and then recover control of Livedraw at page 5.
So it would be helpful if we can scroll an underlying document by mouse without needing to release control of Livedraw. This would mean that the mouse would no longer be available for changing the brush size, and the brush size can only be changed by clicking the brush icon or by the arrow buttons. Since changing the brush size is a one-time thing, maybe sacrificing the mouse control for brush size might not be bad, while leaving the mouse for document control.
A scoop package to install livedraw. Scoop is a package manager for windows from Command Line Only. https://scoop.sh/
Create a new package so that installing livedraw can be as simple as running scoop install livedraw
. https://github.com/ScoopInstaller/Scoop/wiki and https://scoop.sh/ (scroll to bottom) Can be referred to for creating a package.
No response
No response
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.