Javascript 要在我的laravel项目中显示画布图像，并在@section标记中显示

我只想在我的laravel项目中显示画布图像

我已经在单独的文件（如Html和PHP文件）中尝试了画布，画布正在工作，但当我尝试在我的laravel项目中显示画布图像时，总图像没有显示

    @section('content-wrapper')
<canvas id="canvas" width="484" height="984"></canvas>
@endsection
            @push('scripts')
            <script src="https://www.marvinj.org/releases/marvinj-0.8.js"></script>
        <script>
            var canvas = document.getElementById("canvas");
            image1 = new MarvinImage();
            image1.load("packages/Webkul/Shop/src/Resources/assets/images/Group 1.png", imageLoaded);
            image2 = new MarvinImage();
            image2.load("packages/Webkul/Shop/src/Resources/assets/images/Rectangle 5.png", imageLoaded);
            image3 = new MarvinImage();
            image3.load("packages/Webkul/Shop/src/Resources/assets/images/Motif_2.png", imageLoaded);
            image4 = new MarvinImage();
            image4.load("packages/Webkul/Shop/src/Resources/assets/images/body_design_2.png", imageLoaded);

            var loaded=0;



            function imageLoaded(){
              if(++loaded == 4){
                var image = new MarvinImage(image1.getWidth(), image1.getHeight());
                Marvin.combineByAlpha(image1, image2, image, 43, 0);
                Marvin.combineByAlpha(image, image3, image, 0, 0);
                Marvin.combineByAlpha(image, image4, image, 50, 0);
                image.draw(canvas);
              }
            }

        </script>
        @endpush

@节（“内容包装器”）
@端部
@推送（'脚本'）
var canvas=document.getElementById（“canvas”）；
image1=新的MarvinImage（）；
image1.load（“packages/Webkul/Shop/src/Resources/assets/images/group1.png”，imageLoaded）；
image2=新的MarvinImage（）；
image2.load（“packages/Webkul/Shop/src/Resources/assets/images/Rectangle 5.png”，imageLoaded）；
image3=新的MarvinImage（）；
image3.load（“packages/Webkul/Shop/src/Resources/assets/images/Motif_2.png”，imageLoaded）；
image4=新的MarvinImage（）；
image4.load（“packages/Webkul/Shop/src/Resources/assets/images/body\u design\u 2.png”，imageLoaded）；
var=0；
函数imageLoaded（）{
如果（++加载==4）{
var image=newMarvinImage（image1.getWidth（），image1.getHeight（））；
马文·库尼比亚尔法（图1，图2，图43，0）；
马文·库尼比亚尔法（图像，图像3，图像，0,0）；
马文·库尼比亚尔法（图像，图像4，图像，50，0）；
图像绘制（画布）；
}
}
@端推

只想在我的laravel项目中显示画布