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

質問編集履歴

1

サンプルコードを追加しました。

2018/11/26 09:14

投稿

Kaede0902
Kaede0902

スコア32

title CHANGED
File without changes
body CHANGED
@@ -7,8 +7,37 @@
7
7
 
8
8
  よろしくお願いします
9
9
 
10
- ```Javascript
10
+ ```javascript
11
+ <!DOCTYPE html>
12
+ <html lang="en">
13
+ <head>
14
+ <meta charset="UTF-8">
15
+ <title>SLT SLIDE</title>
16
+ <style>
17
+ canvas { background: rgb(94, 94, 94);
18
+ width: 100%; height: 100%;}
19
+ body {margin: 0;}
20
+ </style>
21
+
22
+ </head>
23
+ <body>
24
+ <canvas></canvas>
25
+ <script>
26
+
27
+ var canvas = document.querySelector('canvas');
28
+ var endX = canvas.width = window.innerWidth;
29
+ var endY = canvas.height = window.innerHeight;
30
+ var c = canvas.getContext('2d');
31
+ var midX = endX/2;
32
+ var midY = endY/2;
33
+
34
+ c.beginPath();
11
- c.fillStyle = '#fff';
35
+ c.strokeStyle = '#fff';
36
+ c.textAlign = 'left';
37
+ c.font = '100px serif';
12
- c.fillRect(endX/10,endY/10,endX*.8,endY*.8);
38
+ c.strokeText("stringAAAAAAA\nBBBBB",0,midY,);
39
+
13
- drawText('ブラウザで動く\nシューティングゲームを',endX/4,endY/2,'#f3f');
40
+ </script>
41
+ </body>
42
+ </html>
14
43
  ```