Модераторы: Sardar, Aliance
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> Шахматы HTML5 
:(
    Опции темы
Areostar
Дата 8.9.2020, 21:46 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Эксперт
***


Профиль
Группа: Завсегдатай
Сообщений: 1073
Регистрация: 5.4.2008

Репутация: нет
Всего: -2



как создать доску понял 
Код

  <script>
            var canvas = document.getElementById("color_chessboard");
            var context = canvas.getContext('2d');
            canvas.width  = 300;
            canvas.height = 300;
            context.strokeStyle = '#B70A02'; // меняем цвет рамки
            context.strokeRect(15, 15, 266, 266);
            context.strokeRect(18, 18, 260, 260);
            context.fillStyle = '#AF5200'; // меняем цвет клеток
            context.fillRect(20, 20, 256, 256);
            for (i = 0; i < 8; i += 2)
                for (j = 0; j < 8; j += 2) {
                context.clearRect(20 + i * 32, 20 + j * 32, 32, 32);
                context.clearRect(20 + (i + 1) * 32, 20 + (j + 1) * 32, 32, 32);
            }
        </script>


1) Имеются SVG шахматных фигур как добавить их на доску?
2) как лучше реализовать drag and drop
PM MAIL   Вверх
ksnk
Дата 9.9.2020, 23:06 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


прохожий
****


Профиль
Группа: Комодератор
Сообщений: 6842
Регистрация: 13.4.2007
Где: СПб

Репутация: 84
Всего: 385



Нарисовать, очевидно...
https://stackoverflow.com/questions/3768565...-a-html5-canvas
?
Вариантов Драг и дропа дофига - можно по клику или началу драга на канвасе вычислять фигуру, в которую кликают и ставить над канвасом элемент с этой фигурой. Его драгать в нужное место, после чего ставить на доску и выкидывать-скрывать элемент. Тут довольно просто для броузера, но возможны сложности в реализации.
Проще каждую фигуру отдельным html элементом делать с абсолютным позиционированием и пользоваться стандартными D&D библиотечками.


--------------------
Человеку свойственно ошибаться, программисту свойственно ошибаться профессионально ! user posted image
PM MAIL WWW Skype   Вверх
Areostar
Дата 10.9.2020, 12:57 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Эксперт
***


Профиль
Группа: Завсегдатай
Сообщений: 1073
Регистрация: 5.4.2008

Репутация: нет
Всего: -2



Спасибо за ответ!
PM MAIL   Вверх
  
Ответ в темуСоздание новой темы Создание опроса
Форум для вопросов, которые имеются в справочниках, но их поиск вызвал затруднения, или для разработчика требуется совет или просьба отыскать ошибку. Напоминаем: 1) чётко формулируйте вопрос, 2) приведите пример того, что уже сделано, 3) укажите явно, нужен работающий пример или подсказка о том, где найти информацию.
 
1 Пользователей читают эту тему (1 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | JavaScript: Общие вопросы | Следующая тема »


 




[ Время генерации скрипта: 0.0928 ]   [ Использовано запросов: 21 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.