品質を損なうことなくパターンを大きくする方法

最近、私はパターンを作成する使いやすいインターフェイスを備えたパターナイザーと呼ばれるきれいなツールを見つけました。 jsライブラリと一緒に使用します。品質を損なうことなくパターンを大きくする方法

だから適切にライブラリを使用するには、与えられたコードは、それが canvas要素を必要とするので、私は彼らの例の要素とid取っ簡単なものを作るために： <canvas id="bgCanvas"></canvas>を、私の header終了タグの後にその権利を置きます。

私が作成した単純なパターンのためのjavascriptは次のとおりです。今

bgCanvas.patternizer({ 
stripes : [ 
    { 
     color: '#000000', 
     rotation: 315, 
     opacity: 50, 
     mode: 'normal', 
     width: 3, 
     gap: 98, 
     offset: 123 
    }, 
    { 
     color: '#000000', 
     rotation: 45, 
     opacity: 50, 
     mode: 'normal', 
     width: 3, 
     gap: 98, 
     offset: 123 
    }, 
    { 
     color: '#0d050a', 
     rotation: 25, 
     opacity: 60, 
     mode: 'normal', 
     width: 100, 
     gap: 100, 
     offset: 156 
    }, 
    { 
     color: '#0d050a', 
     rotation: 335, 
     opacity: 60, 
     mode: 'normal', 
     width: 100, 
     gap: 100, 
     offset: 156 
    } 
], 
bg : '#231d1d' 
});

。しかし、私はキャンバス要素が非常に小さいことに気付いた：ご覧のとおり、キャンバス（左上）は非常に小さいです。これは私がさらに追加するcanvas {width: 100%; height: 100%;：だから私の最初の本能は、それがCSSにです変更したz-index: -1;position:absolute;} しかしHERESに私は次の得たもの：あなたがキャンバスを見ることができるようにはるかに大きい、しかし、パターンが単純に爆破して失いました以前の規模と品質です。 CSSでこれに簡単な修正がありますか？私は行方不明ですか？助けてください！