質問編集履歴

1

コードを編集しました。

2019/09/07 22:11

投稿

babbleman
babbleman

スコア107

test CHANGED
File without changes
test CHANGED
@@ -1,12 +1,30 @@
1
- このコードを実行すると、putを複数回実行すると表示がおかしくなります。
1
+ ```html
2
2
 
3
- なぜでしょうか?
4
3
 
5
- <script>```script
6
4
 
7
- <script>
5
+ <!doctype html>
8
6
 
7
+ <html>
8
+
9
+ <head>
10
+
11
+ <meta charset="UTF-8">
12
+
13
+ <title>Canvas API Sample</title>
14
+
15
+ <script language="javascript" type="text/javascript">
16
+
9
- function load() {
17
+ function load() {
18
+
19
+ var array=document.getElementById('test');
20
+
21
+ console.log('test');
22
+
23
+
24
+
25
+
26
+
27
+
10
28
 
11
29
  var bb=3;
12
30
 
@@ -96,7 +114,17 @@
96
114
 
97
115
  }
98
116
 
117
+
118
+
119
+ put(1,1)
120
+
121
+ put(3,2)
122
+
123
+
124
+
99
125
  }
126
+
127
+
100
128
 
101
129
 
102
130
 
@@ -106,4 +134,30 @@
106
134
 
107
135
  </script>
108
136
 
137
+ </head>
138
+
139
+ <body onload="load()">
140
+
141
+
142
+
143
+
144
+
145
+
146
+
147
+ <p id="test">{{x.board}}</p>
148
+
149
+ <center><canvas id="sample" style="border:1px solid;" width="500" height="500" color="rgb(255,0,255)"></canvas></center>
150
+
151
+ <div id="output"></div>
152
+
153
+
154
+
155
+ </body>
156
+
157
+ </html>
158
+
109
159
  ```
160
+
161
+
162
+
163
+ 上記の中のputメソッドで●をcanvas内に描くというものを行っているのですが、putを複数回行うと変な線が入ってしまいます。