웹 구성 요소로 치팅하는 방법
<card-t>
(Web Components는 태그 이름에 하이픈이 필요하기 때문에)하나의 단일 파일에 52개의 SVG 카드를 묶습니다!
하나의 웹 구성 요소를 훔쳐봅시다.
<script src="https://cardmeister.github.io/elements.cardmeister.min.js"></script>
그런 다음 Web Component
우리 자신의
<script>
customElements.define( "poker-card",
class extends customElements.get("card-t") {})
</script>
이제 52개의 SVG 카드를 사용할 수 있습니다.
<poker-hand>
<poker-card suit=Hearts rank=Ace></poker-card>
<poker-card suit=Hearts rank=King></poker-card>
<poker-card suit=Hearts rank=Queen></poker-card>
<poker-card suit=Hearts rank=Jack></poker-card>
<poker-card suit=Hearts rank=10></poker-card>
</poker-hand>
포커 게임... 솔리테어, 하트...를 프로그래밍하기만 하면 됩니다.
문서 및 라이선스가 없는 소스가 포함된 오래된 Repo: https://github.com/cardmeister/cardmeister.github.io
*) 나
Reference
이 문제에 관하여(웹 구성 요소로 치팅하는 방법), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://dev.to/dannyengelman/how-to-cheat-with-web-components-295o텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)