Форум

flyrixxx1 · #1 (**permalink**) 23.05.2019, 23:05

СРОЧНОООООО
не работает код канвас на хтмл.
прилагаю скрин тоже

</head>

<body>
    <canvas id="canvas" width="300" height="300"></canvas>

     <script type="text/javascript">
var circle = function (x, y, radius) {
    ctx.beginPath();
    ctx.arc(x, y, radius, 0, Math.Pl * 2, false);
    ctx.stroke();
};
ctx.lineWidth = 4;
ctx.strokeStyle = "Red";
circle(100, 100, 10);
ctx.strokeStyle = "Orange";
circle(100, 100, 20);
ctx.strokeStyle = "Yellow";
circle(100, 100, 30);
ctx.strokeStyle = "Green";
circle(100, 100, 40);
ctx.strokeStyle = "Blue";
circle(100, 100, 50);
ctx.strokeStyle = "Purple";
circle(100, 100, 60);
    </script>

хелп

Alexandroppolus · #2 (**permalink**) 23.05.2019, 23:13

https://jsfiddle.net/Lpx2gvta/

flyrixxx1 · #3 (**permalink**) 23.05.2019, 23:15

мне это нужно просто скопировать??

рони · #4 (**permalink**) 23.05.2019, 23:21

flyrixxx1,
где определение ctx?

flyrixxx1 · #5 (**permalink**) 24.05.2019, 13:46

Сообщение от рони

flyrixxx1,
где определение ctx?

немного исправил программу, чтобы рисовало 1 круг, но всё равно не пашет(

<!DOCTYPE html>
<html>
<head>
    <title>Canvas</title>
</head>

<body>
    <canvas id="canvas" width="300" height="300"></canvas>

    <script type="text/javascript">

var circle = function (x, y, radius, col) {
var ctx = canvas.getContext("2d");
ctx.lineWidth = 4;
ctx.strokeStyle = col;
    ctx.beginPath();
    ctx.arc(x, y, radius, 0, Math.Pl * 2, false);
    ctx.stroke();
}


circle(100, 100, 10, "Red");

    </script>
</body>

flyrixxx1 · #6 (**permalink**) 24.05.2019, 13:48

рони,
что я делаю не так??

рони · #7 (**permalink**) 24.05.2019, 13:53

Сообщение от flyrixxx1

что я делаю не так??

Сообщение от рони

где определение ctx?

откройте ссылку
Alexandroppolus пост #2, и посмотрите код

flyrixxx1 · #8 (**permalink**) 24.05.2019, 13:54

Сообщение от рони

flyrixxx1,
где определение ctx?

var ctx = canvas.getContext("2d");

вот определение ctx

flyrixxx1 · #9 (**permalink**) 24.05.2019, 13:59

вроде нашёл ошибку, случайно написал Pl вместо PI, просто в шрифте хтмл их сложно отличить)
всё работает)

flyrixxx1 · #10 (**permalink**) 24.05.2019, 14:01

Сообщение от Alexandroppolus

https://jsfiddle.net/Lpx2gvta/

вот тут еле-еле увидел

Форум

Справочник

Discord чат

Курсы javascript