src
/
feminitives.ru
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity
Browse Source

Добавлена возможность сохранять изображение с феминитивом

master
Maxim Lihachev 9 years ago
parent
dbbe565650
commit
fd4f60016d
4 changed files with 3411 additions and 18 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 12
      css/feminitives.css
  2. 22
      gofem.html
  3. 20
      js/feminitives.js
  4. 3375
      js/html2canvas.js

12
css/feminitives.css
Unescape View File

@ -7,7 +7,7 @@
} }
#definition { #definition {
border: solid 1px; /* border: solid 1px; */
padding: 30px; padding: 30px;
width: 600px; width: 600px;
margin: 0 auto; margin: 0 auto;
@ -29,9 +29,15 @@
margin-top: 25px; margin-top: 25px;
} }
#definition-card { #definition-image {
width: 50%; width: 50%;
margin: 0 auto; margin: 0 auto;
padding: 10px;
width: 400px;
background-color: white;
}
#definition-card {
border-top: solid 3px; border-top: solid 3px;
border-bottom: solid 3px; border-bottom: solid 3px;
border-color: MediumOrchid; border-color: MediumOrchid;
@ -66,11 +72,11 @@
font-size: 40px; font-size: 40px;
font-weight: regular; font-weight: regular;
text-align: center; text-align: center;
text-transform: capitalize;
} }
#definition-full { #definition-full {
font-size: 16px; font-size: 16px;
height: 40px; height: 40px;
margin-top: 10px;
} }

22
gofem.html
Unescape View File

@ -7,31 +7,31 @@
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<!-- <link href="css/bootstrap.min.css" rel="stylesheet"> -->
<link href="css/feminitives.css" rel="stylesheet"> <link href="css/feminitives.css" rel="stylesheet">
</head> </head>
<body onload="init('definition')"> <body onload="init('definition')">
<div style="text-align: center;"> <div style="text-align: center;">
<div id="definition"> <div id="definition">
<h1>Феминизатор v1.0</h1> <h1>Феминизатор v1.0</h1>
<input id="definition-word" type="text" class="form-control" placeholder="Слово"> <input id="definition-word" type="text" class="form-control" placeholder="Слово">
<button type="button" onclick="tr('definition')">Феминитивь!</button> <button type="button" onclick="tr('definition')">Феминитивь!</button>
<br /> <div id="definition-dict"></div>
<div id="definition-dict"></div><br /> <div id="definition-full"></div>
<div id="definition-full"></div><br /> <div id="definition-image">
<div id="definition-card"> <div id="definition-card">
<h1><span> ф — феминитивы </span></h1> <h1><span> ф — феминитивы </span></h1>
<div id="definition-content"></div> <div id="definition-content"></div>
</div>
</div> </div>
</div> <button type="button" onclick="download_image('definition-image')">IMG</button>
</div>
</div> </div>
<!-- <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> -->
<!-- <script src="js/bootstrap.min.js"></script> -->
<script src="js/feminitives.js"></script> <script src="js/feminitives.js"></script>
<script src="js/html2canvas.js"></script>
</body> </body>
</html> </html>

20
js/feminitives.js
Unescape View File

@ -1,5 +1,3 @@
// [ ] TODO: сохранение изображения
// [ ] TODO: разбор переданного адреса
// [ ] TODO: vk.com // [ ] TODO: vk.com
// [ ] TODO: валидация // [ ] TODO: валидация
// [ ] TODO: фокус // [ ] TODO: фокус
@ -132,6 +130,20 @@ function construct_feminitive(stem, ending, gap) {
return gap ? stem + css_gender_gap() + css_end(ending) : stem + "_" + ending; return gap ? stem + css_gender_gap() + css_end(ending) : stem + "_" + ending;
} }
//Сохранение изображения с феминитивом
function download_image(container) {
html2canvas(document.getElementById(container), {
onrendered: function (canvas) {
var a = document.createElement('a');
a.href = canvas.toDataURL();
a.download = document.getElementById(container
.replace(/-.*$/,"-content"))
.innerHTML + '.png';
a.click();
}
});
};
//Создание феминитива //Создание феминитива
function make_feminitives(word) { function make_feminitives(word) {
var stem = ""; //Основа слова var stem = ""; //Основа слова
@ -237,8 +249,8 @@ function tr(container) {
var feminitives = make_feminitives(wd); var feminitives = make_feminitives(wd);
//Вывод информации //Вывод информации
document.getElementById(container + "-dict").innerHTML = feminitives[1].join(" | "); document.getElementById(container + "-dict").innerHTML = feminitives[1].join(" | ");
document.getElementById(container + "-content").innerHTML = feminitives[0]; document.getElementById(container + "-content").innerHTML = feminitives[0].replace(/(.)/, s => s.toUpperCase());
} }
//Инициализация с разбором адресной строки //Инициализация с разбором адресной строки

3375
js/html2canvas.js
View File

File diff suppressed because it is too large Load Diff
Write Preview
Loading…
Cancel
Save