Как я могу изменить размер холста промокашки?

Question

По какой-то причине размер холста blotter.js не поддерживается.Похоже, Blotter генерирует холст с именем b-canvas по умолчанию?Но я не могу найти, откуда он получает ширину и высоту?И я не могу установить новую ширину и размер .style в js.Помогите?!

Я перепробовал все методы, которые смог найти.Я также пытался установить Overflow: видимый для родителя (Text) в js и в файле css, но рендеринг по-прежнему падает с границами холста.Что я делаю не так?

var text = new Blotter.Text("Hello", {
        weight: 800,
        size: 80,
        fill: 'lightgray',
        paddingLeft: 80,
        paddingRight: 80,
        paddingBottom: 80,
        paddingTop: 80
    });
    /*
     * https://blotter.js.org
     */
    var blotter = new Blotter(material, {
        texts: text
    });
    var canvas = blotter.forText(text).domElement;
    canvas.style.visibility = 'visible!important';
    canvas.style = "width: 100vh !important";
    canvas.style = "height: 100vw !important";
    canvas.style = "z-index: -3 !important";
    container.appendChild(canvas);

Answer 1

Вы можете просто обернуть его внутри div и изменить его размер.Размер холста, вероятно, рассчитывается на основе размера шрифта, и он такой же большой, как и сам рисунок.

<div id="wrap">
    <canvas></canvas>
</div>

<style>
    #wrap canvas {
        width: 50px !important
    } 
</style>

Взгляните на сам сайт "Blotter.js" и осмотрите его логотип, посмотрите, чтоон имеет такой же код и как вы можете изменить его размер.