安装jquery

angular.json

@@ -33,7 +33,8 @@
               "src/styles.scss"
               "src/styles.scss"
             ],
             ],
             "scripts": [
             "scripts": [
-              "node_modules/echarts/dist/echarts.min.js"
+              "node_modules/echarts/dist/echarts.min.js",
+              "node_modules/jquery/dist/jquery.js"
             ], // 引入全局脚步，构建时会打包进来，常用于第三方库引入的脚本
             ], // 引入全局脚步，构建时会打包进来，常用于第三方库引入的脚本
             "es5BrowserSupport": true
             "es5BrowserSupport": true
           },
           },

package-lock.json

@@ -5285,6 +5285,11 @@
       "integrity": "sha1-43zwsX8ZnM4jvqcbIDk5Uka07E4=",
       "integrity": "sha1-43zwsX8ZnM4jvqcbIDk5Uka07E4=",
       "dev": true
       "dev": true
     },
     },
+    "jquery": {
+      "version": "3.5.1",
+      "resolved": "https://registry.npm.taobao.org/jquery/download/jquery-3.5.1.tgz",
+      "integrity": "sha1-17TQjhv9uGrS8aPQOeoXMEcXq7U="
+    },
     "js-base64": {
     "js-base64": {
       "version": "2.6.4",
       "version": "2.6.4",
       "resolved": "https://registry.npm.taobao.org/js-base64/download/js-base64-2.6.4.tgz?cache=0&sync_timestamp=1596920188035&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fjs-base64%2Fdownload%2Fjs-base64-2.6.4.tgz",
       "resolved": "https://registry.npm.taobao.org/js-base64/download/js-base64-2.6.4.tgz?cache=0&sync_timestamp=1596920188035&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fjs-base64%2Fdownload%2Fjs-base64-2.6.4.tgz",

package.json

@@ -27,6 +27,7 @@
     "dayjs": "^1.8.35",
     "dayjs": "^1.8.35",
     "echarts": "^4.9.0",
     "echarts": "^4.9.0",
     "html2canvas": "^1.0.0-rc.5",
     "html2canvas": "^1.0.0-rc.5",
+    "jquery": "^3.5.1",
     "ng-zorro-antd-mobile": "^0.12.5",
     "ng-zorro-antd-mobile": "^0.12.5",
     "ngx-echarts": "^3.2.0",
     "ngx-echarts": "^3.2.0",
     "rxjs": "~6.3.3",
     "rxjs": "~6.3.3",

src/app/my/application-process/signature/signature.component.html

@@ -7,7 +7,7 @@
     <span class="page_mark"> 8/8</span>
     <span class="page_mark"> 8/8</span>
   </div>
   </div>
   <div id="signature"></div>
   <div id="signature"></div>
-  <signature-pad id="signatureCanvas" [options]="signaturePadOptions"></signature-pad>
+  <!-- <signature-pad id="signatureCanvas" [options]="signaturePadOptions"></signature-pad> -->
   <footer class="fixed" (click)="next()">
   <footer class="fixed" (click)="next()">
     我自愿签订经纪人合同书
     我自愿签订经纪人合同书
   </footer>
   </footer>

src/app/my/application-process/signature/signature.component.ts

@@ -4,7 +4,7 @@ import { ActivatedRoute,Router } from "@angular/router";
 import { LifeCommonService } from "../../../common/life-common.service";
 import { LifeCommonService } from "../../../common/life-common.service";
 import {SignaturePad} from 'angular2-signaturepad'
 import {SignaturePad} from 'angular2-signaturepad'
 import EleSign from "elesigncode";
 import EleSign from "elesigncode";
-
+import * as $ from 'jquery';
 @Component({
 @Component({
   selector: 'ydlife-signature',
   selector: 'ydlife-signature',
   templateUrl: './signature.component.html',
   templateUrl: './signature.component.html',
@@ -26,7 +26,6 @@ export class SignatureComponent implements OnInit {
     var eleSign = new EleSign();//实例化对象
     var eleSign = new EleSign();//实例化对象
     eleSign.init({setBgColor:'#333333'}); //初始化
     eleSign.init({setBgColor:'#333333'}); //初始化
     eleSign.moutedEle(ele) //将签名节点放入到传入的element节点中
     eleSign.moutedEle(ele) //将签名节点放入到传入的element节点中
-    
   }
   }
 
 
   next(){
   next(){