Слияние кода завершено, страница обновится автоматически
Poker.JS
================= Chinese version readme 中文版本读我文档
Demo: https://tairraos.github.io/Poker.JS/
Сначала загрузите poker.js:
<script src="poker.min.js"></script>
Затем есть 3 способа создать карту по вашему выбору.
Poker.getCardImage или Poker.getCardCanvas, чтобы получить <img> или <canvas> элемент// Вставить <img> в конец body
document.body.appendChild(Poker.getCardImage(60,'hearts','q'));
// Вставить <canvas> в конец body
document.body.appendChild(Poker.getCardCanvas(60,'hearts','q'));
Poker.getCardData, чтобы получить данные изображения// Получить данные изображения и сохранить их в переменной pokerHQ
var pokerHQ = Poker.getCardData(60,'hearts','q');
<canvas id="myowncanvas" width="1280" height="720"></canvas>
var canvas = document.getElementById('myowncanvas').getContext('2d');
canvas.drawPokerCard(10, 10, 120, 'hearts', '6');
Poker.getCardImage (size, suit, point)
Poker.getCardCanvas (size, suit, point)
Poker.getCardData (size, suit, point)
canvas.drawPokerCard (x, y, size, suit, point)
x, y - Координаты x, y верхнего левого угла карты на canvas. Значение по умолчанию — 0, 0.
size - Высота пикселя карты. Соотношение ширины и высоты карты фиксировано и составляет 3:4. Значение по умолчанию — 200.
suit - Масть покера. Значение нечувствительно к регистру и должно быть одним из следующих:
['h', 'hearts', 'd', 'diamonds', 's', 'spades', 'c', 'clubs']
'h', 'd', 's', 'c' являются сокращениями
Для джокера 'h' & 'd' означает большой джокер, 's' & 'c' означает маленький джокер.
Значение по умолчанию — 'h'.
point - Точка карты. Значение нечувствительно к регистру и должно быть одним из следующих:
['A', 2, 3, 4, 5, 6, 7, 8, 9, 10, 'J', 'Q', 'K', 'O', 'JOKER']
'O'(буква O) является сокращением от 'JOKER'
Значение по умолчанию — 'O'.
document.body.appendChild(Poker.getCardCanvas(100, 'hearts', 'Q'));
canvas.drawPokerCard (0, 400, 100, 'hearts', 'joker');
canvas.drawPokerCard (0, 400, 100, 'hearts', 'Q');
Poker.getBackImage (size[, foregroundColor, backgroundColor])
Poker.getBackCanvas (size[, foregroundColor, backgroundColor])
Poker.getBackData (size[, foregroundColor, backgroundColor])
canvas.drawPokerBack (x, y, size[, foregroundColor, backgroundColor])
x, y - Координаты x, y верхнего левого угла карты на canvas. Значение по умолчанию — 0, 0.
size - Высота пикселя карты. Соотношение ширины и высоты карты фиксировано и составляет 3:4. Значение по умолчанию — 200.
foregroundColor - Цвет переднего плана. Значение по умолчанию — '#BB5555'.
backgroundColor - Цвет фона. Значение по умолчанию — '#AA2222'.
document.body.appendChild(Poker.getBackCanvas(300, '#7A7BB8', '#2E319C'));
canvas.drawPokerBack (10, 10, 300, '#b55', '#a22')
canvas.drawPokerBack (375, 400, 100, '#7A7BB8', '#2E319C');
首先，加载 poker.js
<script src="poker.min.js"></script>
接下去你可以从3种方法里选择一种来创建牌
Poker.getCardImage或Poker.getCardCanvas来获取<img>或<canvas>元素//在body末尾插入一个<img>
document.body.appendChild(Poker.getCardImage(60,'hearts','q'));
//在body末尾插入一个<canvas>
document.body.appendChild(Poker.getCardCanvas(60,'hearts','q'));
Poker.getCardData来获取数据//获取图像数据并且存储在变量pokerHQ里
var pokerHQ = Poker.getCardData(60,'hearts','q');
<canvas id="myowncanvas" width="1280" height="720"></canvas>
Вы можете оставить комментарий после Вход в систему
Неприемлемый контент может быть отображен здесь и не будет показан на странице. Вы можете проверить и изменить его с помощью соответствующей функции редактирования.
Если вы подтверждаете, что содержание не содержит непристойной лексики/перенаправления на рекламу/насилия/вульгарной порнографии/нарушений/пиратства/ложного/незначительного или незаконного контента, связанного с национальными законами и предписаниями, вы можете нажать «Отправить» для подачи апелляции, и мы обработаем ее как можно скорее.
Комментарии ( 0 )