这是对 yugioh-card 的一个模仿。
不使用Canvas而纯粹使用HTML完成。
目前只支持标准游戏王卡片。

使用方法

React

<Card 
  card={card} 
  image={alt} 
  lang={Language.ZH_CN} 
  asset_prefix="https://xxx" 
  zh_cn_style?
  furigana?
  fullframe?
  extend?

  ...DivElements 
/>

• card, Data.Card对象（下详）
• image, 卡片图像
• lang, 语言（Data.Language枚举）
• zh_cn_style, 简体中文卡片的字体风格（Data.ZH_CN_Style枚举）。仅在lang为ZH_CN时生效。不设置时默认Custom1。
• asset_prefix, 资源文件的CDN前缀。不设置时默认使用 jsDelivr CDN。
• assets，资源文件映射表（Record<string, string>）。传入后优先于 asset_prefix 拼接。
• furigana, 是否强制启用振假名渲染。如果未强制启用，仅在lang设为JP时强制启用。
• fullframe，是否采用全框卡
• overframe，是否采用出框卡
• extend，是否启用拓展卡

本包的图片来自以下来源：

• 原工程 yugioh-cards
• 出框图（overframe）资源来自 mercury233 的分叉
• 拓展卡（fullframe，oscillulam）所用资源为自制。

缩放参数

• scale, 整张卡片的缩放。不设置的场合，会根据所在容器自动缩放。
• name_scale, 卡名的横向缩放。不设置的场合，会根据剩余长度自动缩放。
• desc_scale, 卡片效果的字体大小缩放。不设置的场合，会根据文本长度自动缩放（会闪烁）。最小缩放至0.5倍。
• pdesc_scale, 灵摆效果的字体大小缩放。不设置的场合，会根据文本长度自动缩放（会闪烁）。最小缩放至0.5倍。

简体中文样式枚举

控制简体中文（ZH_CN）卡片的字体族的枚举。

|枚举值|对应字体|说明| |-----|-------|----| |Custom1|custom1|默认风格| |YD|ygo-sc|映蝶卡面风格| |Custom2|custom2|仿ygopro风格| |ImgGen|方正隶变-GBK|ygopro风格|

拓展卡片

拓展卡片是指现实的游戏王中不存在的卡片。
当前拓展卡片有：

• 对于type有灵摆和陷阱标签的卡片，会渲染为下半边为红色的卡片
• 对于extra包含winged-dragon,tormentor,sky-dragon的卡片，会使用对应神色的背景。

Data.Card 对象

字段名|类型|说明 ----|----|---- code|number|八位密码 name|string|卡名 desc|string|效果描述 type|number|卡片类型，数值遵循ygopro，你可以用Data.Type进行拼接 attribute|number|属性，数值遵循ygopro，你可以用Data.Attribute进行拼接 level|number|等级，对于连接怪兽此处为连接符号，数值遵循ygopro，你可以用Data.Linkmarker进行拼接 subtype_text?|string|子类型文本（即怪兽效果栏的第一行） attack?|number|攻击力 defense?|number|防御力 pendulum_text?|string|灵摆效果文本，仅在type包含灵摆时有效 lscale?|number|左刻度，仅在type包含灵摆时有效 rscale?|number|右刻读，仅在type包含灵摆时有效 pack_info?|string|卡包名 name_color?|string|string[]|卡名颜色，如有多个值则为渐变色 flavor_text?|string|风味文字 image?|string|卡片图像（会被prop.image覆盖） copyright?|'auto'|'sc'|'jp'|'en'|版权文字，auto则根据lang推测 laser?|'laser1'|'laser2'|'laser3'|'laser4'|激光镭射标识 rare?|'dt'|'ur'|'gr'|'hr'|'ser'|'gser'|'pser'|罕贵 twentieth?|boolean|20周年标记 meta?|any[]|额外信息

日语注音

使用[汉字(平假名)]和{汉字(片假名)}进行注音。
方括号包裹的内容居中对齐，大括号包裹的内容两端对齐，请参考卡片实际应有的对齐方式。