0

タイトルがすべてを物語っているように。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;
}
4

1 に答える 1

3

答えを見つけました。以下の解決策は私のために働く

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

2番目の解決策は

<canvas id="c" width="900" height="600"></canvas>
于 2013-08-27T13:04:59.713 に答える