saurabhdaware / text-to-handwriting Goto Github PK

Hi. I'm totally to JavaScript and don't have the slightest idea to use this. Can you guide to install/use this on my computer?

Edit: I saw the link to the website after looking at this for half an hour.

I want my money back

Describe the bug
Scrolling the preview image in mobile view also scrolls the the Heading Text ("Input"), Sub heading ("Type/Paste text here") and the Button ("Draw(Beta)").

To Reproduce
Steps to reproduce the behavior:

1. Switch to mobile view
2. Right swipe on the preview image
3. You'll see that the headings and buttons are now not visible.

Expected behavior
The headings and button should remain despite you chosing to scroll through the image.

Screenshots
If applicable, add screenshots to help explain your problem.

Desktop (please complete the following information):

• OS: Ubuntu
• Browser: Chrome
• Version: Version 81.0.4044.129 (Official Build) (64-bit)

Additional context
Although a minor bug but it'd be great if the behaviour was as expected.

If you know any font that looks like handwriting, you can suggest them here and we may consider adding it to the tool

Please add underline feature also if possible. Both wavy and normal underlining.

Is your feature request related to a problem? Please describe.
No

Describe the solution you'd like
Just a little badge or something above or below the "Page Output" section to display the total number of pages to be printed.

The feature where I could get Paper Lines has stopped working. It was working for me earlier in the day, but it isn't anymore even though there have been no changes in the client (Mozilla Firefox).
I've also tried Chrome and Safari, but the lines aren't showing up in either of them.
Can you please check what the problem here is?

Thanks,

Super cool project. Requires some ui tweaks.

Some fonts exhibit over spacing in between of words.

Currently, the lines on paper are straight. However usually when you scan a paper, the paper has folds and curves so it hardly looks exactly straight.

This is what it should look like instead (did this in photoshop)

If anyone knows how can we achieve this using CSS, do let me know!

Describe the bug

Steps 1 involved in contribution guide need a change
we followed steps written in contribution guide gives an 400 error as below:
fatal: unable to access 'https://github.com/:GouravSwamy/text-to-handwriting/': The requested URL returned error: 400

Expected behavior
contribution guide need edits.

correction :- git clone 'https://github.com/:your-github-username/text-to-handwriting.git'
please add another step do fork and then use your github username to successfully run the program.

the step 1 in contribution guide need .git at the end to successfully clone project to the pc.
correct the steps in contribution guide
rest of the steps are absolutely correct.

Screenshots

Desktop (please complete the following information):

• OS: Windows 10
• Browser chrome
• Version [e.g. 22]

Additional context
Thanks for such an amazing project
glad to help you
regards
Gourav Swamy
check the attached screenshoot

In the former issue #43 ,I noticed that the site link was added the github prefix, causing the site unreachable. Here is the URL: www.beautifulcarrot.com .
Then, "the degree of font clutter" is originally described by:

混乱程度
建议参数范围为：0 - 字号的三分之一，每一行文字的左右偏移以及上下起伏，请结合预览查看效果，确定需要的数值（细微调整时建议以加减3为单位）

行倾斜程度
参数范围：0 - 9，没有一个好的坐姿写字会怎么样，对的，就是这样（调整时建议以加减1为单位）

输入数值不建议太大，否则可能会写到桌上去

YouDao translation:

The degree of chaos
The suggested parameter range is: one third of the size of 0-type, left and right deviation and fluctuation of each line of text, please combine with the preview to see the effect, determine the required value (it is recommended to add or subtract 3 for minor adjustments).

Degree of line tilt
Range of parameters: 0-9, what if you don't have a good sitting position to write, right, that's it (the adjustment is suggested to be in units of plus or minus 1)

The input value is not recommended to be too large, otherwise it may be written to the table

Looking forward to your discussion!

Hi @saurabhdaware,

I just saw the tweet and came here. Nice work 👏 .

There is a minor alignment issue while visiting the app from a mobile device. Below is the screenshot.

There is a simple fix - by using CSS white-space property. Below is the screenshot after the fix.

Is your feature request related to a problem? Please describe.
Currently fonts are loaded initially when the page loads. This stops us from adding more fonts since it will take up the bandwidth of users who may not even use that font.

Describe the solution you'd like
Load font when a user selects that font from the dropdown. This will allow us to add as many fonts as possible

Is your feature request related to a problem? Please describe.
Well this is the great product but with this I got some greedy and I want to have some page number marking at the end of the page or in the header or the footer of the page!

Describe the solution you'd like
Well I came across some python code which you could use which I had developed in the previous project along with that I would suggest a package name "pdfrw", you can install it with pip and then It could solve major of the problem.

Describe alternatives you've considered
The code I am attaching along with idea to use pdfrw

Along with that adding that code with Zip file too
pg_no.zip

Additional context
Add any other context or screenshots about the feature request here.

Is your feature request related to a problem? Please describe.
A clear and concise description of what the problem is. Ex. I'm always frustrated when [...]
With #26 we can now remove images before downloading PDF. But if we generated the first image then second image and now we want first image after the second image in PDF, there is no way to do that.

Describe the solution you'd like
A clear and concise description of what you want to happen.
In PDF Preview Screen, If we could move the image to left and right and arrange before downloading PDF, it can solve the problem.

please upgrade it for directly copy and pest

Hi, we're currently redesigning and refactoring the whole code so if you were looking to contribute any major feature to the repository, I will suggest to wait for a week since the code may change a lot and to avoid lots of merge conflicts later.

Thanks,
Saurabh

I wonder if it supports Chinese?

• Currently, the handwriting is constant throughout the generated pages, which is not the case with any handwritten assignment :P.
  • Can use two handwritings - a good one and a bad one. Can randomly start using more characters of bad handwriting font with each increasing page and ultimately switch over completely to the bad font after a few pages.
• An option to specify whether we wish to generate left-hand or right hand page and set the margin accordingly
• Also, can add misspelt words before a word and striking it off like happens in most notebooks.

Explanation:

Asset: An asset is a resource with economic value that an individual, corporation, or country owns or controls with the expectation that it will provide a future benefit. An asset can be thought of as something that, in the future, can generate cash flow, reduce expenses, or improve sales, regardless of whether it's manufacturing equipment or a patent.

Deferred Tax Asset arises when more taxes has been paid in current year and this will result in payment of less taxes in future.

Combining the above two definitions, it may be construed that Deferred Tax Asset is an asset which will result in payment of less taxes in future and thus qualifies for the definition of an asset.

Liability: In general, a liability is an obligation between one party and another not yet completed or paid for. In the world of accounting, a financial liability is also an obligation but is more defined by previous business transactions, events, sales, exchange of assets or services, or anything that would provide economic benefit at a later date.

Deferred Tax Liability: arises when less taxes has been paid in current year and this will result in payment of more taxes in future.

We may conclude from above two definitions that since due to payment of less taxes in current year, an obligation to pay more taxes has arised, Deferred Tax Liability can be considered to be falling under the definition of a liability

Is your feature request related to a problem? Please describe.

I want to resize the added image, added by the draw button.
I am not sure if there is any other option available to resize it so I am using dev tools to add custom CSS.

Describe the solution you'd like
If there could be any slider for having setting width and height of the image added. 😅

Describe alternatives you've considered
An alternative method is to just add custom CSS and position it properly.

Additional context

Hey @saurabhdaware i have redesigned some form elements and created a wireframe of the new design. let me know what you think about it.

A lot of people reached out to me on mails and Twitter to have this feature.

We can keep everything the way it is right now, but we can also allow users to select text and then change the value in drop-down to color only the selected part.

hey can you add greek characters to your fonts and plz allow to use two fonts on a same page

the image generated is is not clear when using custom fonts(new handwritten fonts). even though the preview is looking great.

Is your feature request related to a problem? Please describe.
I am having issue putting the image on the page as I can't resize the image or move it around and place it as per my choice.

Allow copy-paste all the content and generate the pdf of multiple pages in one go.

Making a font in Calligraphr looks like a tedious job. Is there any alternatives to Calligraphr. Any ML projects where already written assignments are scanned and a font is made out of it ?

Is your feature request related to a problem? Please describe.
A clear and concise description of what the problem is. Ex. I'm always frustrated when [...]

Describe the solution you'd like
A clear and concise description of what you want to happen.

Describe alternatives you've considered
A clear and concise description of any alternative solutions or features you've considered.

Additional context
Add any other context or screenshots about the feature request here.

Describe the bug
The font works when you type it with the keyboard but does not work when you copy-paste from a different website. This is probably happening because of different Unicode so the font taken from Wikipedia, has different characters than the characters it get from typing.

Not really sure how we can fix this

To Reproduce
Steps to reproduce the behavior:

1. Go to Wikipedia and copy any hindi font
2. Paste it in textarea. The handwritten font will be replaced with a normal text

Describe the bug
When we generate multiple pages, the text from margin is printed on all the pages.

To Reproduce
Steps to reproduce the behavior:

1. Add text to margin
2. Add more text to paper so that it will have to generate multiple pages
3. Click Generate Image

Expected behavior
It is expected that the text from margin is only printed on first page.

Screenshots

Handwritting has many skewings, enabling users to adjust themselves' font clutter may be quite useful for a more authentic copy.
Here is a website which did well in this case <www.beautifulcarrot.com>, but it is not free to download the original file.
Hope you will make out a better product subsituting this site!

Since most assignments are written in unruled bold paper (A4). An option to select Page type and size would have been great.

Describe the bug
Adding More fonts are causing problems like page loading and affecting performance

To Reproduce
Steps to reproduce the behavior:

1. Use the correct font format
2. Preload fonts
3. Avoid invisible text during font loading.
4. Use the correct font-face declaration

Expected behavior
I will prefer Correct font-face declaration. Declaring a font-face family is very simple but we must take care with certain things when we do it. We can use optimised fonts and we tell the browser to load only the required glyphs range (from U+000 to U+5FF),

Describe the bug
Since Left margin element is an independent html component from the body content it doesn't scale as the body content size is increased beyond one page as indicated by the pink margin which stops at the end of first page in preview.
Also when the size of left margin is increased beyond one page the scroll position of left margin can be different from the scroll position of body content which leads to confusion while writing as well as when pdf generated depends upon the scroll position of left margin.

To Reproduce
Steps to reproduce the behavior:

1. Go to the project site
2. Add content to page such that it goes beyond one A4 page
3. Now Add content to left margin such that its size increase beyond one page
4. Then scroll the left margin a little down such that the sroll bar is somewhere in the middle position
5. Generate PDF

Expected behavior
If the current preview design is maintained as it is then the left margin element should increase its size as the body content size increases making the pink border extend to the next page in preview. Also, while generating pdf the scroll position of left margin shouldn't affect the final result.
If the current design is allowed to change then as per me whenever the page size increase beyond A4 the current page should not increase its size rather a similar A4 size page should be concatenated to the existing A4 pages and control should be transfer to the next page.

Screenshots

1. Pink border of left margin doesn't scale
   

2. Scroll position dependency
   Preview:
   
   PDF generated:

Desktop (please complete the following information):

• OS: Windows 10
• Browser Mozilla Firefox
• Version 79.0 (64bit)

Additional context
Related Issue: #81

Query
why we are adding a div element inside left margin container whenever a carriage return is pressed to enter the next line? Can't we just add the content in a single div element as done with body content?

hey this is a font that makes this tool to do physics and maths stuff

Issue #10 had mentioned a possible feature for supporting different page sizes. Although the issue was closed, it doesn't seem to have been implemented.

Lot of times there are specific page sizes needed.

So in the UI there could be an option to select the page size, maybe a dropdown with different presets like A4, Notebook, Journal, Foolscap; and an advanced option of manually stating the page size in cms.

Description of the bug
the canvas is not fully usable. the space on top is not usable but instead the downwards part of the canvas is being drawn on but not being displayed.

To Reproduce
Steps to reproduce the behavior:

1. Click on the draw button.
2. try to draw over the first like 100px of the drawing canvas.
3. we cannot draw

Expected behavior
we should be able to draw over that part of the canvas and not be able to draw over the bottom part of the canvas (the part that is not being displayed)

Desktop (please complete the following information):

• OS: Windows 7
• Browser chrome
• Version 83.0.4103.116

Most people use the Camscanner app to scan paper. It has a filter which makes the image black & white-ish & increase contrast or something. The output is very distinguishable.

Adding that filter to this output will help pass the output more as our assignment.

Is your feature request related to a problem? Please describe.
My eyes are burning xD

Describe the solution you'd like
A well developed dark mode with #000 and not #999

Is your feature request related to a problem? Please describe.
A clear and concise description of what the problem is. Ex. I'm always frustrated when [...]
{
I think it will be more helpful if we can provide support in other languages specially hindi.
It will help a lot of students !
}
Describe the solution you'd like
A clear and concise description of what you want to happen.
{
Well in too short I want to help my younger brother who has hindi as subject.
Its just an extension of languages you provide sir. More languages mean more help
as your application will have than a much broader audience.
}
Describe alternatives you've considered
A clear and concise description of any alternative solutions or features you've considered.

Additional context
Add any other context or screenshots about the feature request here.

Is your feature request related to a problem? Please describe.
No

Describe the solution you'd like
It it would be nice if theme changes are accompanied by transitions into each other. I know this request might sound like too small, but I think it would add little more elegance into the website.

Additional context
I would love to add the above changes ! Should I do so ? I am new to GitHub, so should I send a PR first or wait for this issue to get assigned ?

I want to put some additional features in it like scribbles and some improved randomly generated paper feel for the images produced with some additional grain effects for more realism.

Currently, as you generate an image, the image goes on getting added into PDF that you can download. so when you click "download as pdf" it directly downloads the PDF.

It would be cool if we get a screen with all the generated images displayed, from where you can delete the image that you don't need and then download it as PDF.

Sorry for the bad drawing :c

Certainly what you are doing is way too much for us, but as the greed increases for perfection can you add the option to add our assignment pages as it includes the logo of our college and would look a little more closer to legitness .. thanks btw :)