teratail header banner
teratail header banner
質問するログイン新規登録

質問編集履歴

1

コードを追記

2019/06/27 07:36

投稿

jesuissuyaa
jesuissuyaa

スコア18

title CHANGED
File without changes
body CHANGED
@@ -37,4 +37,21 @@
37
37
  }
38
38
  ```
39
39
  コンソールに出力される順番は1, 2, 3, ... となりましたが、ページのロードは以前として順番通りになりません。
40
- おそらく二つめのthenがあることが原因だと思いますが、どのように ...then()... で繋がっているコードをループで回せるように書き換えたらいいかわかりません。
40
+ おそらく二つめのthenがあることが原因だと思いますが、どのように ...then()... で繋がっているコードをループで回せるように書き換えたらいいかわかりません。
41
+
42
+ 追記: async/awaitを使って書いてみましたが、結果は変わりませんでした
43
+ ```javascript
44
+ async function renderPage(pageNum) {
45
+ var page = await pdfDocument.getPage(pageNum);
46
+ console.log('page #: ' + pageNum);
47
+ viewport = page.getViewport({ scale: PAGE_SCALE, });
48
+ var textContent = await page.getTextContent();
49
+ var svg = buildSVG(viewport, textContent);
50
+ document.getElementById('pageContainer').appendChild(svg);
51
+ }
52
+
53
+ for (let i = 1; i <= pdfDocument.numPages; i++) {
54
+ renderPage(i);
55
+ }
56
+ }
57
+ ```