質問編集履歴

1

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

2018/11/26 09:14

投稿

Kaede0902
Kaede0902

スコア32

test CHANGED
File without changes
test CHANGED
@@ -16,12 +16,70 @@
16
16
 
17
17
 
18
18
 
19
- ```Javascript
19
+ ```javascript
20
20
 
21
- c.fillStyle = '#fff';
21
+ <!DOCTYPE html>
22
22
 
23
- c.fillRect(endX/10,endY/10,endX*.8,endY*.8);
23
+ <html lang="en">
24
24
 
25
+ <head>
26
+
27
+ <meta charset="UTF-8">
28
+
29
+ <title>SLT SLIDE</title>
30
+
31
+ <style>
32
+
33
+ canvas { background: rgb(94, 94, 94);
34
+
35
+ width: 100%; height: 100%;}
36
+
37
+ body {margin: 0;}
38
+
39
+ </style>
40
+
41
+
42
+
43
+ </head>
44
+
45
+ <body>
46
+
47
+ <canvas></canvas>
48
+
49
+ <script>
50
+
51
+
52
+
25
- drawText('ブラウザで動く\nシューティングゲームを',endX/4,endY/2,'#f3f');
53
+ var canvas = document.querySelector('canvas');
54
+
55
+ var endX = canvas.width = window.innerWidth;
56
+
57
+ var endY = canvas.height = window.innerHeight;
58
+
59
+ var c = canvas.getContext('2d');
60
+
61
+ var midX = endX/2;
62
+
63
+ var midY = endY/2;
64
+
65
+
66
+
67
+ c.beginPath();
68
+
69
+ c.strokeStyle = '#fff';
70
+
71
+ c.textAlign = 'left';
72
+
73
+ c.font = '100px serif';
74
+
75
+ c.strokeText("stringAAAAAAA\nBBBBB",0,midY,);
76
+
77
+
78
+
79
+ </script>
80
+
81
+ </body>
82
+
83
+ </html>
26
84
 
27
85
  ```