README.md · xuwb/cardjs - Gitee.com

forked from Yami/cardjs

加入 Gitee

与超过 1200万开发者一起发现、参与优秀开源项目，私有仓库也完全免费：）

文件

克隆/下载

README.md 2.08 KB

# ygo-card

<a href="https://www.npmjs.com/package/ygo-card">
  <img src="https://img.shields.io/npm/v/ygo-card"/>
</a>

<a href="https://gitee.com/ymssx/cardjs">中文</a>

This is a javascript SDK for rendering YU-GI-OH card. Import `ygo-card` in your website, you can easily paint the standard YU-GI-OH cards!

<a href="https://github.com/ymssx/ygo-card/wiki">DOCUMENT</a>

<div align=left>
  <img src="https://github.com/ymssx/ygo-card/blob/master/demo/黑魔术少女.jpg" width="16%" max-width="150" /><img src="https://github.com/ymssx/ygo-card/blob/master/demo/黑魔术师.jpg" width="16%" max-width="150" /><img src="https://github.com/ymssx/ygo-card/blob/master/demo/死者苏生.jpg" width="16%" max-width="150" /><img src="https://github.com/ymssx/ygo-card/blob/master/demo/神圣防护罩 -反射镜力-.jpg" width="16%" max-width="150" /><img src="https://github.com/ymssx/ygo-card/blob/master/demo/元素英雄 神·新宇侠.jpg" width="16%" max-width="150" /><img src="https://github.com/ymssx/ygo-card/blob/master/demo/流天类星龙.jpg" width="16%" max-width="150" />
</div>

<br/>

## Usage

```shell
$ yarn add ygo-card

# or

$ npm i ygo-card -D --save
```

```typescript
import { Card } from 'ygo-card';

const canvas = document.getElementById('card');
const data = {
  name: 'Ghost Ogre & Snow Rabbit',
  _id: '59438930',
  type: 'monster',
  type2: 'effect',
  type3: 'tuner',
  attribute: 'light',
  level: 3,
  race: 'Psychic',
  desc: 'When a monster on the field activates its effect, or when a Spell/Trap that is already face-up on the field activates its effect (Quick Effect): You can send this card from your hand or field to the GY; destroy that card on the field. You can only use this effect of "Ghost Ogre & Snow Rabbit" once per turn',
  attack: 0,
  defend: 1800,
};

const card = new Card({ data, canvas, moldPath: './dist/mold'});
card.render();
```

<br/>

## Document

<a href="https://github.com/ymssx/ygo-card/wiki">DOCUMENT</a>

<br/>

## DEMO

[🔗 DIY ONLINE  #yami](https://ymssx.github.io/ygo/)

[🔗 Render Deck PDF #msk86](https://github.com/msk86/ygo-card-print)

<br/>

一键复制编辑原始数据按行查看历史

提交于 2022-02-12 19:53 . feat: node和浏览器端分开打包

# ygo-card

<a href="https://www.npmjs.com/package/ygo-card">
  <img src="https://img.shields.io/npm/v/ygo-card"/>
</a>

<a href="https://gitee.com/ymssx/cardjs">中文</a>

This is a javascript SDK for rendering YU-GI-OH card. Import `ygo-card` in your website, you can easily paint the standard YU-GI-OH cards!

<a href="https://github.com/ymssx/ygo-card/wiki">DOCUMENT</a>

<div align=left>
  <img src="https://github.com/ymssx/ygo-card/blob/master/demo/黑魔术少女.jpg" width="16%" max-width="150" /><img src="https://github.com/ymssx/ygo-card/blob/master/demo/黑魔术师.jpg" width="16%" max-width="150" /><img src="https://github.com/ymssx/ygo-card/blob/master/demo/死者苏生.jpg" width="16%" max-width="150" /><img src="https://github.com/ymssx/ygo-card/blob/master/demo/神圣防护罩 -反射镜力-.jpg" width="16%" max-width="150" /><img src="https://github.com/ymssx/ygo-card/blob/master/demo/元素英雄 神·新宇侠.jpg" width="16%" max-width="150" /><img src="https://github.com/ymssx/ygo-card/blob/master/demo/流天类星龙.jpg" width="16%" max-width="150" />
</div>

<br/>

## Usage

```shell
$ yarn add ygo-card

# or

$ npm i ygo-card -D --save
```

```typescript
import { Card } from 'ygo-card';

const canvas = document.getElementById('card');
const data = {
  name: 'Ghost Ogre & Snow Rabbit',
  _id: '59438930',
  type: 'monster',
  type2: 'effect',
  type3: 'tuner',
  attribute: 'light',
  level: 3,
  race: 'Psychic',
  desc: 'When a monster on the field activates its effect, or when a Spell/Trap that is already face-up on the field activates its effect (Quick Effect): You can send this card from your hand or field to the GY; destroy that card on the field. You can only use this effect of "Ghost Ogre & Snow Rabbit" once per turn',
  attack: 0,
  defend: 1800,
};

const card = new Card({ data, canvas, moldPath: './dist/mold'});
card.render();
```

<br/>

## Document

<a href="https://github.com/ymssx/ygo-card/wiki">DOCUMENT</a>

<br/>

## DEMO

[🔗 DIY ONLINE  #yami](https://ymssx.github.io/ygo/)

[🔗 Render Deck PDF #msk86](https://github.com/msk86/ygo-card-print)

<br/>

Loading...

马建仓 AI 助手

尝试更多

代码解读

代码找茬

代码优化

JavaScript

1

https://gitee.com/haitianyi/cardjs.git

git@gitee.com:haitianyi/cardjs.git

haitianyi

cardjs

cardjs

master