@startprog
Начал изучать it технологии

В браузерах в место линии, рисуется прямоугольник, html +js, почему?

Написал код в блокноте, сохранил. Ожидаю от него линию в браузер ах, а он рисует прямоугольник.Не могу понять почему?
<canvas id="canvasld"
width="300" height="100"
style="border:1px solid blue;" ></canvas>

//Обращение к canvas
var canvas=document. getElementByld("canvasld") ;
var ctx=canvas. getContext("2d");//Обращение к контексту
ctx. moveTo (50,70);//Перемещение курсора
ctx. lineTo(100,50);//Создание линии
ctx. stroke() ;//Отображение линии
  • Вопрос задан
  • 283 просмотра
Решения вопроса 1
Deita
@Deita
width="300" height="100"
style="border:1px solid blue;" >

Очевидно же что вы указываете 300 на 100 а не 300 на 1

и на Canvas кстати используется LineTo

const canvas = document.getElementById("myCanvas");
const ctx = canvas.getContext("2d");

// Start a new Path
ctx.beginPath();
ctx.moveTo(0, 0);
ctx.lineTo(300, 150);

// Draw the Path
ctx.stroke();


Подробнее тут: https://www.w3schools.com/jsref/canvas_lineto.asp

Нажми меня, синий стиль рамки вы указываете для холста, а линия должна быть внутри
656a52f794232962794837.png
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы