Lwessel812 Ответов: 1

Как поместить переменные в canva

Я не могу понять, как использовать Javascript для использования в значениях ширины и высоты холста.

Что я уже пробовал:

<html>

<canvas id="gameCanvas" width=<input type="text" id="gameWidth" name="gameWidth"></input> height=<input type="text" id="gameHeight" name="gameHeight"></input>>
</canvas>

<script>

var gameWidth = 1000;
document.getElementById("gameWidth").value = 1000;
var gameHeight = 1000;
document.getElementById("gameHeight").value = 1000;

1 Ответов

Рейтинг:
2

Karthik_Mahalingam

пробовать

<html>
<head>

</head>
<body> 

    width=  <input type="text" id="gameWidth" name="gameWidth" value="1000" />
    height= <input type="text" id="gameHeight" name="gameHeight" value="1000" />
    <button onclick="changesize()">Change size</button>
    <canvas id="gameCanvas" style="background-color:green">canvas</canvas>
    <script>
        function changesize() {
           
            var gameWidth = document.getElementById("gameWidth").value;           
            var gameHeight = document.getElementById("gameHeight").value;
            var canvas = document.getElementById('gameCanvas');
            canvas.height = gameHeight;
            canvas.width = gameWidth;
        }
    </script>
</body>
</html>