diff --git a/src/Model/card-to-html.js b/src/Model/card-to-html.js
index 444b59f..048befd 100644
--- a/src/Model/card-to-html.js
+++ b/src/Model/card-to-html.js
@@ -20,13 +20,13 @@ class CardToHtml {
// Loop to add svg card.number times
for(let i = 0; i < card.number; i++) {
div.appendChild(svg.cloneNode(true))
- console.log("+SVG: ",svg);
}
- gameWindow.appendChild(div);
+ gameWindow.appendChild(div);
}
static createPath(shape,color,filling,outline,step) {
+ // The way to create svg element (differs from html element)
const path = document.createElementNS("http://www.w3.org/2000/svg", "path");
if(shape === null) shape = 'oval';
@@ -39,6 +39,11 @@ class CardToHtml {
path.setAttribute('fill',`#${color}`);
path.setAttribute('stroke-width','18');
+ // Case shape do not have color
+ if(filling === 'none') {
+ path.setAttribute('fill','none');
+ }
+
// Add svg attributes for shape outline
if(outline !== null){
Object.keys(OUTLINE_SPEC[outline]).forEach(function(k){
diff --git a/views/cards-test.html b/views/cards-test.html
index df6c828..f1e7825 100644
--- a/views/cards-test.html
+++ b/views/cards-test.html
@@ -111,15 +111,17 @@