-
Notifications
You must be signed in to change notification settings - Fork 0
/
index2.html
76 lines (74 loc) · 4.42 KB
/
index2.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8" />
<title>ابزار جعبه‌ساز</title>
<link rel="stylesheet" href="app.css" type="text/css" />
<script src="jquery-1.8.2.min.js"></script>
<script src="canvas2image.js"></script>
<script src="app.js"></script>
</head>
<body>
<div id="wrapper">
<div dir="rtl"><h1 >ابزار جعبه‌ساز</h1>
<div class="label">
به کمک این ابزار می‌توانید به راحتی جعبه‌های مناسب برای نرم‌افزار اوسی‌آر را بسازید برای اطلاعات بیشتر
<a href="https://github.com/reza1615/PersianOcr/wiki/%D9%86%DA%A9%D8%A7%D8%AA-%D9%85%D9%87%D9%85">اینجا</a>
را مطالعه نمائید.
</div></div >
<div id="content">
<div class="label">متن:</div>
<textarea id="inputText" dir='rtl' >لورم ایپسوم متنی است که ساختگی برای طراحی و چاپ آن مورد است. صنعت چاپ زمانی لازم بود شرایطی شما باید فکر ثبت نام و طراحی، لازمه خروج می باشد. در ضمن قاعده همفکری ها جوابگوی سئوالات زیاد شاید باشد، آنچنان که لازم بود طراحی گرافیکی خوب بود. کتابهای زیادی شرایط سخت ، دشوار و کمی در سالهای دور لازم است. هدف از این نسخه فرهنگ پس از آن و دستاوردهای خوب شاید باشد. حروفچینی لازم در شرایط فعلی لازمه تکنولوژی بود که گذشته، حال و آینده را شامل گردد. سی و پنج درصد از طراحان در قرن پانزدهم میبایست پرینتر در ستون و سطر حروف لازم است، بلکه شناخت این ابزار گاه اساسا بدون هدف بود و سئوالهای زیادی در گذشته بوجود می آید، تنها لازمه آن بود. </textarea>
<textarea id="boxes" dir="ltr"></textarea>
<br />
<B>Font:</B>
<input id="font" value="arial" />
<select id="style">
<option value="">Normal</option>
<option value="bold">Bold</option>
<option value="italic">Italic</option>
<option value="bold italic">Bold + Italic</option>
</select>
<B>Font size:</B>
<input type="number" value="40" id="fontSize" />px
<B>Space between the letters:</B>
<input type="number" value="10" id="letterSpacing" />px
<B>Height of the lines:</B>
<input type="number" value="50" id="lineHeight" />px
<br /><br />
<B>Calibrating Boxs' Coordinations:</B>
<br />
<B>Shift</B> Column 1:
<input type="number" value="0" id="ishift" />
Column 2:
<input type="number" value="0" id="iishift" />
Column 3:
<input type="number" value="0" id="iiishift" />
Column 4:
<input type="number" value="0" id="ivshift" />
Page:
<input type="number" value="0" id="pagenum"/>
<br />
<hr width="75%">
<br />
This part is for spicifice Languages (Connected charcters, Right to Left):
<br />
<input type="checkbox" id="rtlMode" name="rtlMode" /><label for="rtlMode">RTL text</label>
<br />
<input type="checkbox" id="letterByLetter" name="letterByLetter" /><label for="letterByLetter">Letter by letter</label>
<br />
<input type="checkbox" id="removeZwj" name="removeZwj" /><label for="removeZwj">Remove the ZWJs from boxes</label>
<br />
<button id="button">Update!</button>
<br />
Download: <a id="downloadPNG">Image</a> | <a id="downloadBOX">Box</a>
<div id="page"></div>
<div id="canvasWrapper">
<canvas id="canvas"></canvas>
</div>
<div id="imagePlaceHolder"></div>
</div>
</div>
<input type="checkbox" id="extraSpace" name="extraSpace" style="display:none;/><label for="extraSpace"></label>
</body>
</html>