Как изменить высоту и ширину холста с помощью CSS при использовании ткани

Question

Как говорится в названии. Я хочу изменить размер моего холста HTML5. Я использую библиотеку fabricjs для работы с холстом HTML5. Однако fabricjs уменьшает размер холста. Теперь я хочу его размер с помощью css, но он не влияет на него. Когда я даю другим правилам CSS для холста, это влияет только на ширину и высоту.

jsfiddle

Вот мой fabricjs код

var canvas = new fabric.Canvas('c'); 

var rect = new fabric.Rect({ 
    left: 50, 
    top: 50, 
    fill: 'red', 
    width: 100, 
    height: 100 
}); 

canvas.add(rect); 

вот мой HTML

<canvas id="c"></canvas> 

и вот мой CSS

#c { 
    width: 100%; 
    border: 1px solid green; 
} 

Answer 1

Найдено ответ. Ниже решение работает для меня

var canvas = new fabric.Canvas('c'); 
canvas.setHeight(500); 
canvas.setWidth(800); 

Второе решение

<canvas id="c" width="900" height="600"></canvas>