aico-image-editor/src/components/fabricCanvas/fabricCanvas.html

Combine multiple image into and create single combined image

<div class="ratio ratio-1x1" x-data="fabricCanvas">
    <div id="product-canvas-holder" class="d-flex justify-content-center align-items-center ">
        <canvas id="product-canvas" x-init="() => {
            $store.elements.canvasEL = $el;
            //$store.canvas.initFabricCanvas($store.elements.canvasEL, $watch, $store, $dispatch);
        }"></canvas>
        <!-- now this will be not needed as background color is replaced by background image-->
        <!-- <img :src="$store.canvas.getSelectedProductObj().productImageUrl" class="img-fluid product-canvas-img" alt="" /> -->
    </div>
</div>