海报

67d2b671 · Sweet Zhang · b40d4b19 · 67d2b671 · 67d2b671 · 67d2b671
Commit 67d2b671 authored Dec 13, 2019 by Sweet Zhang
20 changed files
--- a/src/app/my/mk-material/mk-material.component.html
+++ b/src/app/my/mk-material/mk-material.component.html
+<!-- 这个元素用来承载生成的二维码 不显示 -->
+<div id="qrcode" style="display: none"></div>
+
+<!-- 点击这个按钮之后下载图片 -->
+<!--<button id="download"> 下载图片</button>-->
+
+<!-- canvas 标签 主要用来进行图形的绘制-->
+<canvas id="canvas" width="375" height="667" #canvas></canvas>
+
+<!--生成图片-->
+<img src="" alt="" id="bannerImg">
--- a/src/app/my/mk-material/mk-material.component.scss
+++ b/src/app/my/mk-material/mk-material.component.scss
--- a/src/app/my/mk-material/mk-material.component.spec.ts
+++ b/src/app/my/mk-material/mk-material.component.spec.ts
+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { MkMaterialComponent } from './mk-material.component';
+
+describe('MkMaterialComponent', () => {
+  let component: MkMaterialComponent;
+  let fixture: ComponentFixture<MkMaterialComponent>;
+
+  beforeEach(async(() => {
+    TestBed.configureTestingModule({
+      declarations: [ MkMaterialComponent ]
+    })
+    .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(MkMaterialComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
--- a/src/app/my/mk-material/mk-material.component.ts
+++ b/src/app/my/mk-material/mk-material.component.ts
+import {Component, ElementRef, OnInit, TemplateRef, ViewChild} from '@angular/core';
+declare var QRCode: any;
+@Component({
+  selector: 'ydlife-mk-material',
+  templateUrl: './mk-material.component.html',
+  styleUrls: ['./mk-material.component.scss']
+})
+export class MkMaterialComponent implements OnInit {
+  @ViewChild('canvas') canvas: ElementRef<any>;
+  public hide: boolean = true;
+
+  constructor() {
+  }
+
+  ngOnInit() {
+    this.canvas.nativeElement.width = window.screen.width;
+    this.canvas.nativeElement.height = window.screen.height;
+    const canvas = this.canvas.nativeElement as HTMLCanvasElement;
+    canvas.width = canvas.width * 1;
+    canvas.height = canvas.height * 1;
+    const qr = document.querySelector('#qrcode');
+    const ctx = canvas.getContext('2d');
+    const img = new Image();
+    // // 这里的第一张图片就是可以是你们的海报 这里注意绘制的顺序 我们要手动控制
+    img.src = 'https://mdev.zuihuibi.cn/ydLife/assets/images/mk-material/life.jpg';
+    img.onload = () => {
+      ctx.drawImage(img, 0, 0, this.canvas.nativeElement.width, this.canvas.nativeElement.height);
+      // 对二维码进行初始化
+      const qrCode = new QRCode(qr, {
+        width: 100,
+        height: 100,
+        colorDark: '#000000',
+        colorLight: '#ffffff',
+      });
+      // 为二维码设置内容
+      qrCode.makeCode('http://mdev.zuihuibi.cn');
+      // 我们的qrcode生成二维码之后也会有一个canvas对象我们获取到这个元素
+      const newCanvas = qr.firstChild as HTMLCanvasElement;
+      const base64 = newCanvas.toDataURL('image/png', 1);
+      // 这里的image只能在onload里面绘制 在外面就会被覆盖了 因为优先加载完毕就会优先绘制 然后就被之后绘制的海报背景遮挡了
+      const shareQr = new Image();
+      // 设置base64编码格式值
+      shareQr.src = base64;
+      shareQr.onload = () => {
+        // 绘制图像  就是绘制二维码到我们自己写的canvas中去
+        ctx.drawImage(shareQr, this.canvas.nativeElement.width - 120, this.canvas.nativeElement.height - 150, 100, 100);
+        document.querySelector('#bannerImg').setAttribute('src', canvas.toDataURL('image/png', 1));
+      };
+      // 绘制字体
+      ctx.font = '14px 微软雅黑';
+      ctx.fillStyle = '#081a71';
+      ctx.fillText('长按了解详情', this.canvas.nativeElement.width - 115, this.canvas.nativeElement.height - 30);
+    };
+  }
+
+  download(canvas) {
+    const a = document.createElement('a');
+    // 设置地址
+    a.href = canvas.toDataURL('image/png', 1);
+    // 设置下载名称
+    a.download = '银盾保险在线';
+    // 触发点击事件
+    a.click();
+  }
+
+}
--- a/src/app/my/my-center-home/my-center-home.component.ts
+++ b/src/app/my/my-center-home/my-center-home.component.ts
@@ -16,19 +16,22 @@ export class MyCenterHomeComponent implements OnInit {

  ngOnInit() {
    this.menuLists = [
-      {no: 1, title: '重要公告', path: 'https://www.ydinsurance.cn/?page_id=13763', icon: 'icon-gonggao'},
-      {no: 2, title: '业绩资讯', path: '', icon: 'icon-icon-test'},
-      {no: 3, title: '我的客户', path: '', icon: 'icon-kehu'},
-      {no: 4, title: '保单查询', path: '', icon: 'icon-baodanyangben'},
-      {no: 5, title: '教育训练', path: '', icon: 'icon-jiaoyu'},
-      {no: 6, title: '文件下载', path: 'https://www.ydinsurance.cn/?page_id=13957', icon: 'icon-xiazai'},
-      {no: 0, title: '退出登录', path: '', icon: 'icon-tuichu'},
+      {no: 1, title: '重要公告', path: 'https://www.ydinsurance.cn/?page_id=13763', icon: 'icon-gonggao', routerLink: ''},
+      {no: 2, title: '业绩资讯', path: '', icon: 'icon-icon-test', routerLink: ''},
+      {no: 3, title: '我的客户', path: '', icon: 'icon-kehu', routerLink: ''},
+      {no: 4, title: '保单查询', path: '', icon: 'icon-baodanyangben', routerLink: ''},
+      {no: 5, title: '教育训练', path: '', icon: 'icon-jiaoyu', routerLink: ''},
+      {no: 6, title: '文件下载', path: 'https://www.ydinsurance.cn/?page_id=13957', icon: 'icon-xiazai', routerLink: ''},
+      {no: 7, title: '素材库', path: '', icon: 'icon-sucai', routerLink: 'material'},
+      {no: 0, title: '退出登录', path: '', icon: 'icon-tuichu', routerLink: ''},
    ];
  }

  // 菜单导航
  menuNavigation(item) {
-    if (item.path) {
+    if (item.routerLink) {
+      this.router.navigate([`./${item.routerLink}`]);
+    } else if (item.path) {
      window.open(item.path);
    } else if (item.no === 0) {
      localStorage.removeItem('lifeCustomerInfo');

--- a/src/app/my/my-routing.module.ts
+++ b/src/app/my/my-routing.module.ts
@@ -2,20 +2,10 @@ import {NgModule} from '@angular/core';
 import {Routes, RouterModule} from '@angular/router';
 import {MyCenterHomeComponent} from "./my-center-home/my-center-home.component";
 import {AuthGuard} from "../auth/auth.guard";
+import {MkMaterialComponent} from "./mk-material/mk-material.component";
 const myRoutes: Routes = [
-  {
-    path: '',
-    component: MyCenterHomeComponent,
-    canActivate: [AuthGuard],
-    children: [
-      {
-        path: 'notice',
-        children: [
-          { path: '', component: MyCenterHomeComponent }
-        ]
-      }
-    ]
-  }
+  {path: '', component: MyCenterHomeComponent, canActivate: [AuthGuard]},
+  {path: 'material', component: MkMaterialComponent}
 ];

 @NgModule({

--- a/src/app/my/my.module.ts
+++ b/src/app/my/my.module.ts
@@ -4,9 +4,10 @@ import {CommonModule} from '@angular/common';
 import {MyRoutingModule} from './my-routing.module';
 import {MyCenterHomeComponent} from './my-center-home/my-center-home.component';
 import {LifeCommonModule} from "../common/life-common.module";
+import { MkMaterialComponent } from './mk-material/mk-material.component';

 @NgModule({
-  declarations: [MyCenterHomeComponent],
+  declarations: [MyCenterHomeComponent, MkMaterialComponent],
  imports: [
    CommonModule,
    LifeCommonModule,

--- a/src/assets/font/demo_index.html
+++ b/src/assets/font/demo_index.html
@@ -49,6 +49,12 @@
              </li>
          
            <li class="dib">
+              <span class="icon iconfont">&#xe600;</span>
+                <div class="name">素材</div>
+                <div class="code-name">&amp;#xe600;</div>
+              </li>
+          
+            <li class="dib">
              <span class="icon iconfont">&#xe734;</span>
                <div class="name">公告</div>
                <div class="code-name">&amp;#xe734;</div>
@@ -150,6 +156,15 @@
          </li>
          
          <li class="dib">
+            <span class="icon iconfont icon-sucai"></span>
+            <div class="name">
+              素材
+            </div>
+            <div class="code-name">.icon-sucai
+            </div>
+          </li>
+          
+          <li class="dib">
            <span class="icon iconfont icon-gonggao"></span>
            <div class="name">
              公告
@@ -240,6 +255,14 @@
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-sucai"></use>
+                </svg>
+                <div class="name">素材</div>
+                <div class="code-name">#icon-sucai</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gonggao"></use>
                </svg>
                <div class="name">公告</div>

--- a/src/assets/font/iconfont.css
+++ b/src/assets/font/iconfont.css
 @font-face {font-family: "iconfont";
-  src: url('iconfont.eot?t=1575963800215'); /* IE9 */
-  src: url('iconfont.eot?t=1575963800215#iefix') format('embedded-opentype'), /* IE6-IE8 */
-  url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'),
-  url('iconfont.woff?t=1575963800215') format('woff'),
-  url('iconfont.ttf?t=1575963800215') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
-  url('iconfont.svg?t=1575963800215#iconfont') format('svg'); /* iOS 4.1- */
+  src: url('iconfont.eot?t=1576142502953'); /* IE9 */
+  src: url('iconfont.eot?t=1576142502953#iefix') format('embedded-opentype'), /* IE6-IE8 */
+  url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'),
+  url('iconfont.woff?t=1576142502953') format('woff'),
+  url('iconfont.ttf?t=1576142502953') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
+  url('iconfont.svg?t=1576142502953#iconfont') format('svg'); /* iOS 4.1- */
 }

 .iconfont {
@@ -27,6 +27,10 @@
  content: "\e6e5";
 }

+.icon-sucai:before {
+  content: "\e600";
+}
+
 .icon-gonggao:before {
  content: "\e734";
 }

--- a/src/assets/font/iconfont.eot
+++ b/src/assets/font/iconfont.eot
--- a/src/assets/font/iconfont.js
+++ b/src/assets/font/iconfont.js
--- a/src/assets/font/iconfont.json
+++ b/src/assets/font/iconfont.json
@@ -27,6 +27,13 @@
      "unicode_decimal": 59109
    },
    {
+      "icon_id": "2815727",
+      "name": "素材",
+      "font_class": "sucai",
+      "unicode": "e600",
+      "unicode_decimal": 58880
+    },
+    {
      "icon_id": "4933339",
      "name": "公告",
      "font_class": "gonggao",

--- a/src/assets/font/iconfont.svg
+++ b/src/assets/font/iconfont.svg
@@ -29,6 +29,9 @@ Created by iconfont
    <glyph glyph-name="baodanyangben" unicode="&#59109;" d="M312.211233 368.013911h399.581627c13.240559 0 23.975041 10.734482 23.975041 23.97504 0 13.240559-10.734482 23.975041-23.975041 23.975041H312.211233c-13.240559 0-23.975041-10.734482-23.975041-23.975041 0-13.240559 10.734482-23.975041 23.975041-23.97504z m0 175.816284h399.581627c13.240559 0 23.975041 10.734482 23.975041 23.975041 0 13.240559-10.734482 23.975041-23.975041 23.975041H312.211233c-13.240559 0-23.975041-10.734482-23.975041-23.975041 0-13.241582 10.734482-23.975041 23.975041-23.975041z m175.815261-303.682487H312.211233c-13.240559 0-23.975041-10.734482-23.975041-23.975041s10.734482-23.975041 23.975041-23.975041h175.816284c13.240559 0 23.975041 10.734482 23.975041 23.975041s-10.735505 23.975041-23.976064 23.975041z m175.816285 47.950082c-48.550763 0-87.908142-39.35738-87.908143-87.908143 0-48.550763 39.35738-87.908142 87.908143-87.908142 48.550763 0 87.908142 39.35738 87.908142 87.908142 0 48.550763-39.35738 87.908142-87.908142 87.908143z m0-127.866203c-22.067598 0-39.95806 17.890462-39.958061 39.95806s17.890462 39.95806 39.958061 39.958061 39.95806-17.890462 39.95806-39.958061-17.889439-39.95806-39.95806-39.95806z m119.873158 607.367021H240.28304c-44.13622 0-79.916121-35.778878-79.916121-79.916121v-607.364974c0-44.13622 35.779901-79.916121 79.916121-79.916121h543.432897c44.13622 0 79.916121 35.779901 79.91612 79.916121V687.682487c0 44.138266-35.779901 79.916121-79.91612 79.916121z m31.966039-687.282119c0-17.653055-14.312984-31.967062-31.967063-31.967062H240.28304c-17.653055 0-31.966039 14.312984-31.966039 31.967062V687.680441c0 17.653055 14.312984 31.967062 31.966039 31.967062h543.432897c17.653055 0 31.967062-14.312984 31.967062-31.967062v-607.363952z"  horiz-adv-x="1024" />

    
+    <glyph glyph-name="sucai" unicode="&#58880;" d="M506 1.8a33 32.9 0 1 1 66 0 33 32.9 0 1 1-66 0ZM864 507.3v4.4c0 70.7-57.3 128-128 128H511.8l-82.5 110.9c-7.4 12.9-18 16.2-27.3 16l-0.1 0.1H192.1c-70.7 0-128-57.3-128-128v-542.1c0-70.7 57.3-128 128-128H407v0.4c18.2 0 33 14.7 33 32.9s-14.8 32.9-33 32.9c-1 0-2.1-0.1-3.1-0.1h-181c-35.3 0-64 28.7-64 64 0 5.5 0.7 10.9 2 16L234 397.1l0.2 0.1c6.7 28.1 31.9 49 62.1 49.1l0.2 0.1h532.2c1.3 0.1 2.5 0.1 3.8 0.1 35.3 0 64-28.7 64-64 0-6.7-1.1-13.3-3-19.4v-0.1L821 83.2c-0.1-0.6-0.3-1.1-0.4-1.7l-1.5-5.8-0.5-0.4c-1.5-3.9-3.4-7.5-5.5-11h-1.3c-2.6-4.7-5.8-9.1-9.5-12.9-11.4-10.6-26.7-17.1-43.4-17.1-1.3 0-2.6 0-3.8 0.1h-80.8c-1 0.1-2.1 0.1-3.1 0.1-18.2 0-33-14.7-33-32.9s14.8-32.9 33-32.9v-0.2H763l0.5 0.4c59.1 0.2 108.7 40.4 123.2 95l0.2 0.2 67.8 285.5c2.9 10.8 4.5 22.1 4.5 33.8-0.1 59.5-40.5 109.5-95.2 123.9z m-571.5 4.9c-62 0-113.7-44.2-125.5-102.7l-0.5-0.4-38-160.3V639c0 35.3 28.7 64 64 64H383l82.7-111.3c6.6-11.4 19.2-17.2 31.5-15.8h238.5c35.2 0 63.8-28.5 64-63.7H292.5z"  horiz-adv-x="1024" />
+
+    
    <glyph glyph-name="gonggao" unicode="&#59188;" d="M494.4 724.8l-155.2-97.6C318.4 614.4 296 608 272 608h-76.8C131.2 608 80 556.8 80 494.4v-225.6C80 200 136 144 204.8 144h89.6c24 0 46.4-6.4 67.2-19.2L496 43.2c9.6-6.4 20.8-9.6 33.6-9.6 35.2 0 64 28.8 64 64V670.4c0 11.2-3.2 24-9.6 33.6-20.8 30.4-59.2 40-89.6 20.8zM528 97.6l-134.4 81.6c-30.4 17.6-64 28.8-99.2 28.8h-89.6c-33.6 0-60.8 27.2-60.8 60.8V494.4c0 27.2 22.4 49.6 49.6 49.6H272c36.8 0 70.4 9.6 102.4 28.8l155.2 97.6v-572.8zM912 416H720c-17.6 0-32-14.4-32-32s14.4-32 32-32h192c17.6 0 32 14.4 32 32s-14.4 32-32 32z m-12.8-272l-166.4 96c-16 9.6-35.2 3.2-43.2-11.2-9.6-16-3.2-35.2 11.2-43.2l166.4-96c16-9.6 35.2-3.2 43.2 11.2 9.6 14.4 4.8 33.6-11.2 43.2z m-168 384l166.4 96c16 9.6 20.8 28.8 11.2 43.2-9.6 16-28.8 20.8-43.2 11.2l-166.4-96c-16-9.6-20.8-28.8-11.2-43.2s28.8-20.8 43.2-11.2z"  horiz-adv-x="1024" />

    

--- a/src/assets/font/iconfont.ttf
+++ b/src/assets/font/iconfont.ttf
--- a/src/assets/font/iconfont.woff
+++ b/src/assets/font/iconfont.woff
--- a/src/assets/font/iconfont.woff2
+++ b/src/assets/font/iconfont.woff2
--- a/src/assets/images/mk-material/life.png
+++ b/src/assets/images/mk-material/life.png
--- a/src/assets/js/jquery.min.js
+++ b/src/assets/js/jquery.min.js
--- a/src/assets/js/qrcode.min.js
+++ b/src/assets/js/qrcode.min.js
--- a/src/index.html
+++ b/src/index.html
@@ -16,5 +16,7 @@
 </head>
 <body>
 <app-root></app-root>
+<script src="assets/js/jquery.min.js"></script>
+<script src="assets/js/qrcode.min.js"></script>
 </body>
 </html>