trituenhantaoio's picture
Duplicate from ntt123/vietnamese-handwriting
7a00d6f
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>Online Handwriting</title>
<link href="/style.css" rel="stylesheet" type="text/css" />
<script src="https://cdn.jsdelivr.net/npm/@tensorflow/tfjs"></script>
<script src="https://cdn.jsdelivr.net/npm/@tensorflow/tfjs-backend-wasm/dist/tf-backend-wasm.js"></script>
<script src="model_weights.js"></script>
<script src="script.js"></script>
</head>
<body>
<input placeholder="Nhập câu tiếng việt" id="user-input"/>
<select id="writers" name="writers">
<option value="0"> Writer 0</option>
<option value="1"> Writer 1</option>
<option value="2"> Writer 2</option>
<option value="3"> Writer 3</option>
<option value="4"> Writer 4</option>
<option value="5"> Writer 5</option>
<option value="6"> Writer 6</option>
<option value="7"> Writer 7</option>
<option value="8"> Writer 8</option>
<option value="9"> Writer 9</option>
<option value="10"> Writer 10</option>
<option value="11"> Writer 11</option>
<option value="12"> Writer 12</option>
<option value="13"> Writer 13</option>
<option value="14"> Writer 14</option>
<option value="15"> Writer 15</option>
<option value="16"> Writer 16</option>
<option value="17"> Writer 17</option>
<option value="18"> Writer 18</option>
<option value="19"> Writer 19</option>
<option value="20"> Writer 20</option>
<option value="21"> Writer 21</option>
<option value="22"> Writer 22</option>
<option value="23"> Writer 23</option>
<option value="24"> Writer 24</option>
<option value="25"> Writer 25</option>
<option value="26"> Writer 26</option>
<option value="27"> Writer 27</option>
<option value="28"> Writer 28</option>
<option value="29"> Writer 29</option>
<option value="30"> Writer 30</option>
<option value="31"> Writer 31</option>
<option value="32"> Writer 32</option>
<option value="33"> Writer 33</option>
<option value="34"> Writer 34</option>
<option value="35"> Writer 35</option>
<option value="36"> Writer 36</option>
<option value="37"> Writer 37</option>
<option value="38"> Writer 38</option>
<option value="39"> Writer 39</option>
<option value="40"> Writer 40</option>
<option value="41"> Writer 41</option>
<option value="42"> Writer 42</option>
<option value="43"> Writer 43</option>
<option value="44"> Writer 44</option>
<option value="45"> Writer 45</option>
<option value="46"> Writer 46</option>
<option value="47"> Writer 47</option>
<option value="48"> Writer 48</option>
<option value="49"> Writer 49</option>
<option value="50"> Writer 50</option>
<option value="51"> Writer 51</option>
<option value="52"> Writer 52</option>
<option value="53"> Writer 53</option>
<option value="54"> Writer 54</option>
<option value="55"> Writer 55</option>
<option value="56"> Writer 56</option>
<option value="57"> Writer 57</option>
<option value="58"> Writer 58</option>
<option value="59"> Writer 59</option>
<option value="60"> Writer 60</option>
<option value="61"> Writer 61</option>
<option value="62"> Writer 62</option>
<option value="63"> Writer 63</option>
<option value="64"> Writer 64</option>
<option value="65"> Writer 65</option>
<option value="66"> Writer 66</option>
<option value="67"> Writer 67</option>
<option value="68"> Writer 68</option>
<option value="69"> Writer 69</option>
<option value="70"> Writer 70</option>
<option value="71"> Writer 71</option>
<option value="72"> Writer 72</option>
<option value="73"> Writer 73</option>
<option value="74"> Writer 74</option>
<option value="75"> Writer 75</option>
<option value="76"> Writer 76</option>
<option value="77"> Writer 77</option>
<option value="78"> Writer 78</option>
<option value="79"> Writer 79</option>
<option value="80"> Writer 80</option>
<option value="81"> Writer 81</option>
<option value="82"> Writer 82</option>
<option value="83"> Writer 83</option>
<option value="84"> Writer 84</option>
<option value="85"> Writer 85</option>
<option value="86"> Writer 86</option>
<option value="87"> Writer 87</option>
<option value="88"> Writer 88</option>
<option value="89"> Writer 89</option>
<option value="90"> Writer 90</option>
<option value="91"> Writer 91</option>
<option value="92"> Writer 92</option>
<option value="93"> Writer 93</option>
<option value="94"> Writer 94</option>
<option value="95"> Writer 95</option>
<option value="96"> Writer 96</option>
<option value="97"> Writer 97</option>
<option value="98"> Writer 98</option>
<option value="99"> Writer 99</option>
<option value="100"> Writer 100</option>
<option value="101"> Writer 101</option>
<option value="102"> Writer 102</option>
<option value="103"> Writer 103</option>
<option value="104"> Writer 104</option>
<option value="105"> Writer 105</option>
<option value="106"> Writer 106</option>
<option value="107"> Writer 107</option>
<option value="108"> Writer 108</option>
<option value="109"> Writer 109</option>
<option value="110"> Writer 110</option>
<option value="111"> Writer 111</option>
<option value="112"> Writer 112</option>
<option value="113"> Writer 113</option>
<option value="114"> Writer 114</option>
<option value="115"> Writer 115</option>
<option value="116"> Writer 116</option>
<option value="117"> Writer 117</option>
<option value="118"> Writer 118</option>
<option value="119"> Writer 119</option>
<option value="120"> Writer 120</option>
<option value="121"> Writer 121</option>
<option value="122"> Writer 122</option>
<option value="123"> Writer 123</option>
<option value="124"> Writer 124</option>
<option value="125"> Writer 125</option>
<option value="126"> Writer 126</option>
<option value="127"> Writer 127</option>
<option value="128"> Writer 128</option>
<option value="129"> Writer 129</option>
<option value="130"> Writer 130</option>
<option value="131"> Writer 131</option>
<option value="132"> Writer 132</option>
<option value="133"> Writer 133</option>
<option value="134"> Writer 134</option>
<option value="135"> Writer 135</option>
<option value="136"> Writer 136</option>
<option value="137"> Writer 137</option>
<option value="138"> Writer 138</option>
<option value="139"> Writer 139</option>
<option value="140"> Writer 140</option>
<option value="141"> Writer 141</option>
<option value="142"> Writer 142</option>
<option value="143"> Writer 143</option>
<option value="144"> Writer 144</option>
<option value="145"> Writer 145</option>
<option value="146"> Writer 146</option>
<option value="147"> Writer 147</option>
<option value="148"> Writer 148</option>
<option value="149"> Writer 149</option>
<option value="150"> Writer 150</option>
<option value="151"> Writer 151</option>
<option value="152"> Writer 152</option>
<option value="153"> Writer 153</option>
<option value="154"> Writer 154</option>
<option value="155"> Writer 155</option>
<option value="156"> Writer 156</option>
<option value="157"> Writer 157</option>
<option value="158"> Writer 158</option>
<option value="159"> Writer 159</option>
<option value="160"> Writer 160</option>
<option value="161"> Writer 161</option>
<option value="162"> Writer 162</option>
<option value="163"> Writer 163</option>
<option value="164"> Writer 164</option>
<option value="165"> Writer 165</option>
<option value="166"> Writer 166</option>
<option value="167"> Writer 167</option>
<option value="168"> Writer 168</option>
<option value="169"> Writer 169</option>
<option value="170"> Writer 170</option>
<option value="171"> Writer 171</option>
<option value="172"> Writer 172</option>
<option value="173"> Writer 173</option>
<option value="174"> Writer 174</option>
<option value="175"> Writer 175</option>
<option value="176"> Writer 176</option>
<option value="177"> Writer 177</option>
<option value="178"> Writer 178</option>
<option value="179"> Writer 179</option>
<option value="180"> Writer 180</option>
<option value="181"> Writer 181</option>
<option value="182"> Writer 182</option>
<option value="183"> Writer 183</option>
<option value="184"> Writer 184</option>
<option value="185"> Writer 185</option>
<option value="186"> Writer 186</option>
<option value="187"> Writer 187</option>
<option value="188"> Writer 188</option>
<option value="189"> Writer 189</option>
<option value="190"> Writer 190</option>
<option value="191"> Writer 191</option>
<option value="192"> Writer 192</option>
<option value="193"> Writer 193</option>
<option value="194"> Writer 194</option>
<option value="195"> Writer 195</option>
<option value="196"> Writer 196</option>
<option value="197"> Writer 197</option>
<option value="198"> Writer 198</option>
<option value="199"> Writer 199</option>
<option value="200"> Writer 200</option>
<option value="201"> Writer 201</option>
<option value="202"> Writer 202</option>
<option value="203"> Writer 203</option>
<option value="204"> Writer 204</option>
<option value="205"> Writer 205</option>
<option value="206"> Writer 206</option>
<option value="207"> Writer 207</option>
<option value="208"> Writer 208</option>
<option value="209"> Writer 209</option>
<option value="210"> Writer 210</option>
<option value="211"> Writer 211</option>
<option value="212"> Writer 212</option>
<option value="213"> Writer 213</option>
<option value="214"> Writer 214</option>
<option value="215"> Writer 215</option>
<option value="216"> Writer 216</option>
<option value="217"> Writer 217</option>
<option value="218"> Writer 218</option>
<option value="250">Writer 250</option>
</select>
<input id="bias" type="range" min="0" max="100" value="70">
<button style="margin-left:20px;" class="button button2" id="btn" class="button7" disabled onclick="generate()">Loading model...</button>
<canvas id="hw-canvas">
</canvas>
</body>
</html>