Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 07.08.2016, 06:12
Интересующийся
Отправить личное сообщение для DlinniyZmey Посмотреть профиль Найти все сообщения от DlinniyZmey
 
Регистрация: 07.08.2016
Сообщений: 14

Как поместить символ в точку с заданными координатами.
Дико извиняюсь за наивный вопрос, просто никак не могу решить эту элементарную задачу.
Дело в том, что лет 20 назад, в школе ради допоонителтной пятерки за 20 минут написал на Бейсике игру "Змейка". Очень хочу сделать сейчас тоже самое на java script.
Массивы, циклы, функции, взаимодействие с клавиатурой... Всё есть. Всё как в Бейсике, с небольшими отличиями. А вот как мне вывести символ или картинку в точку с заданными координатами? А затем удалить его или затереть пробелами? То есть нужен аналог оператора
print "@" at x, y - в Бейсике.
Прочитал несколько курсов java script для чайников. Alert и document.write не подходят...
Прочитал половину полноценного курса. Дошел до ОПП... Понял, что иду не туда.

Хотел найти ответ в html. Но там только таблицы да бегающих в разные стороны надписи разных цветов и стилей.

Я понимаю, что слишком мало ещё знаю, но мне кажется что эта задача должна решаться как то очень просто. Без глубоких познаний в HTML5 и CSS3.
Направьте пожалуйста в нужную сторону.
Ответить с цитированием
  #2 (permalink)  
Старый 07.08.2016, 06:31
Кандидат Javascript-наук
Отправить личное сообщение для Strongman Посмотреть профиль Найти все сообщения от Strongman
 
Регистрация: 22.03.2016
Сообщений: 132

Текст
Методы и свойства для работы с текстом:
cnv.fillText(text,x,y [, maxw]) — выводит текст в указанные координаты, с максимальной шириной maxw;
cnv.strokeText(text, x, y [, maxw]) — выводит контур текста в указанные координаты, с максимальной шириной maxw;
cnv.measureText(text) — возвращает объект TextMetrics, который определяет примерную ширину указанного текста. (TextMetrics.width).
cnv.font — css строка параметров шрифта (Например: italic 30px sans-serif);
cnv.textAlign — задаёт выравнивание текста («start», «end», «left», «right», «center»);
cnv.textBaseline — определение базовой линии («top», «hanging», «middle», «alphabetic», «ideographic», «bottom»);
Источник: http://webonrails.ru/post/102724754472964822/.
Ответить с цитированием
  #3 (permalink)  
Старый 07.08.2016, 08:39
Аватар для vadim5june
Студент
Отправить личное сообщение для vadim5june Посмотреть профиль Найти все сообщения от vadim5june
 
Регистрация: 30.04.2012
Сообщений: 1,113

Можно без каваса, с помощью абсолютного позиционирования
<span style="position:absolute;top:100px;left:50px;">@</span>
Ответить с цитированием
  #4 (permalink)  
Старый 07.08.2016, 09:56
Интересующийся
Отправить личное сообщение для DlinniyZmey Посмотреть профиль Найти все сообщения от DlinniyZmey
 
Регистрация: 07.08.2016
Сообщений: 14

Спасибо! Буду экспериментировать.
Ответить с цитированием
  #5 (permalink)  
Старый 07.08.2016, 11:24
Кандидат Javascript-наук
Отправить личное сообщение для Strongman Посмотреть профиль Найти все сообщения от Strongman
 
Регистрация: 22.03.2016
Сообщений: 132

Ну а как без канвы, змейку же ведь на канве нужно рисовать. Без канвы никак.
Ответить с цитированием
  #6 (permalink)  
Старый 08.08.2016, 11:42
Профессор
Отправить личное сообщение для warren buffet Посмотреть профиль Найти все сообщения от warren buffet
 
Регистрация: 08.07.2016
Сообщений: 1,332

Да не нужен тут канвас, браузер с десяток тыщ дивов тебе отрисует по абсолютным в один миг.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Открытие div блока при первом визите на сайт Nushaba Общие вопросы Javascript 28 20.12.2013 21:24
Как удалить последний символ строки? PAMAC Events/DOM/Window 5 18.10.2009 15:01
Как узнать в каком регистре напечатан русский символ на яваскрипте IGAHDF Я не знаю javascript 2 28.05.2009 19:50
Как узнать символ по unicode-коду??? alexKniaz Общие вопросы Javascript 3 25.10.2008 23:26