From fc1e205fa7a91191a63aa5a5c7a923db06edd7d7 Mon Sep 17 00:00:00 2001 From: soloopooo Date: Wed, 3 Aug 2022 17:27:56 +0800 Subject: [PATCH] Avoid bugs of drawing when directly save, Add MDUI framework, Several bug fixes. --- docs/index.html | 284 ++++++++++++++++++++---------------- docs/index_cn.html | 305 +++++++++++++++++++++------------------ docs/re_download.html | 70 +++++++++ docs/re_download_cn.html | 60 ++++++++ docs/result_cn.html | 2 +- docs/src/drawer.js | 17 ++- 6 files changed, 472 insertions(+), 266 deletions(-) create mode 100644 docs/re_download.html create mode 100644 docs/re_download_cn.html diff --git a/docs/index.html b/docs/index.html index 59f7bfc..6d8af0d 100644 --- a/docs/index.html +++ b/docs/index.html @@ -1,9 +1,19 @@  + + + + + + + + + 5000兆円ジェネレーター super + - -

5000兆円ジェネレーター super

-
-

- 日本語
- -

-

- - 简体中文
- - -

-
-
-

- - - 5000兆円風の画像を生成するツールです。`欲しい!` も生成できます。 - -

-
+ +
+
+ 5000兆円ジェネレーター super + +
+ + + language + + + + + + refresh + + + more_vert + +
+
-

Contributor

- +
+
Contributor
+
+ 作者: @yurafuca， - +
+ 原作者: - @rarity_rare25（5000兆円ジェネレーター） + @rarity_rare25（5000兆円ジェネレーター） - - 中国語翻訳・字体や字形の修復： +
+ + 中国語翻訳・字体や字形の修復, UI改良等： @soloopooo +
+ + UI: MDUI + App: Electron + + +
+ ソースコード: + yurafuca/5000choyen +
+ +
+
+ +
+
-
-
-
- -
-
- -
-
- `欲しい!` の描画に - - - - -
-
- 画像を保存するとき背景色を - - - - -
-
- 赤色の文字 - -
- 銀色の文字 - -
-
- - -
-
-
+ -

- `欲しい!` はドラッグできます。 + +

+
+ +
+
+ +
+
+ +
+ `欲しい!` の描画に
+ + +
+
+ 画像を保存するとき背景色を
+ + +
+ +
+ 既知の問題: プレビューでは、ウィンドウのサイズを変更すると、描画されたフォントの端が固くなります。
+ そのため、上記のプレビュー画像を直接保存することはお勧めしません。下のボタンを使用し、保存してください。 +
+ +
+ + +
对于中文用户：请移步右上角地球图标选择中文。日文字库并不适合中文生成，谢谢。
+
+ + +
+ + +
中国語のユーザー：右上の地球アイコンをクリークして、簡体字中国語を選んでください。
+
+
+
+ + +
+ + +

- -

-
-
-
- ソースコード: - yurafuca/5000choyen -
+
+ +

+ `欲しい!` はドラッグできます。 +
+ +

+
+ + - + \ No newline at end of file diff --git a/docs/index_cn.html b/docs/index_cn.html index 2ca9da0..162a1b2 100644 --- a/docs/index_cn.html +++ b/docs/index_cn.html @@ -1,157 +1,188 @@  + - - - - 5000兆円ジェネレーター super - - - - - - - - - - -

5000兆円生成器 super

-
-

- - 日本語
- - -

-

- 简体中文
- -

-
-
-

- - - 生成5000兆円风格图片的工具。`欲しい!` 也可以生成。 - 请注意，由于中文所需的字体文件是分片获取的，所以如果出现字体问题，请重新输入一遍。 - -

-
+ + refresh + + + more_vert + +
+
-

Contributor

- +
+
Contributor
+
+ 作者: @yurafuca， - +
+ 原作者: - @rarity_rare25（5000兆円ジェネレーター） + @rarity_rare25（5000兆円ジェネレーター） - - 简体中文翻译，字体问题修复： +
+ + 简体中文翻译，字体问题修复，UI改良等： @soloopooo +
+ + UI: MDUI + App: Electron + + +
+ 源代码: + yurafuca/5000choyen +
+ +
+
+ +
+
+
+ + + +
+
+ +
+
+ +
+
+ +
+ `欲しい!` 原neta是否使用？
+ + +
+
+ 保存图片的时候，背景为
+ +
-
- -
- -
-
- -
-
- `欲しい!` の描画に - - - - -
-
- 保存图片的时候，背景为 - - - - -
-
- 红色文字 - -
- 银色文字 - -
-
- - -
-
-
-

- `欲しい!` 这一段也可以拖动。 +

+ 已知问题：预览界面中，当重新调整窗口大小后，绘制的字体边缘会产生硬化现象。
+ 所以不建议直接保存上方的预览图片，请使用下方的按钮进行保存。 +
+ +
+ + +
中文字体网页版为分片获取，出现字体问题请再次输入。electron版无问题。
+
+ + +
+ + +
+
+
+ + +
+ + +

- -

-
-
-
- 源代码: - yurafuca/5000choyen -
+
+ +

+ `欲しい!` 这一段也可以拖动。 +
+ +

+
+ + - + diff --git a/docs/re_download.html b/docs/re_download.html new file mode 100644 index 0000000..fb65570 --- /dev/null +++ b/docs/re_download.html @@ -0,0 +1,70 @@ + + + + + + + + + + + + + + + + + + +
+ +
+ + + + + + + + + diff --git a/docs/re_download_cn.html b/docs/re_download_cn.html new file mode 100644 index 0000000..cc4ae37 --- /dev/null +++ b/docs/re_download_cn.html @@ -0,0 +1,60 @@ + + + + + + + + + + + + + + + + + + +
+ +
+ + + + + + + + + diff --git a/docs/result_cn.html b/docs/result_cn.html index 3509b9c..8fc8442 100644 --- a/docs/result_cn.html +++ b/docs/result_cn.html @@ -34,7 +34,7 @@
- + diff --git a/docs/src/drawer.js b/docs/src/drawer.js index 33521be..a5aed85 100644 --- a/docs/src/drawer.js +++ b/docs/src/drawer.js @@ -127,7 +127,20 @@ Drawer.prototype.onTouchEnd = function(e) { }; Drawer.prototype.saveImage = function() { - const width = Math.max(this.topText.x + this.topText.w, this.bottomText.x + this.bottomText.w); + let q = + 'top=' + this.topText.value + + '&bottom=' + this.bottomText.value + + '&bx=' + this.bottomText.x + + '&order=' + this.bottomText.useImg + + '&color=' + this.useTransparent + + '&width=' + Math.max(this.topText.x + this.topText.w, this.bottomText.x + this.bottomText.w) + + '&height=' + this.ctx.canvas.height; + if (this.lang === "ja") { + window.open('re_download.html?' + q); + } else { + window.open('re_download_cn.html?' + q); + } + /*const width = Math.max(this.topText.x + this.topText.w, this.bottomText.x + this.bottomText.w); const height = this.ctx.canvas.height; const data = this.ctx.getImageData(0, 0, width, height); @@ -143,7 +156,7 @@ Drawer.prototype.saveImage = function() { a.setAttribute("download", "5000choyen.png"); document.body.appendChild(a); - a.click(); + a.click();*/ } Drawer.prototype.openImage = function() {