Chinaunix首页 | 论坛 | 博客
  • 博客访问: 957115
  • 博文数量: 210
  • 博客积分: 0
  • 博客等级: 民兵
  • 技术积分: 2070
  • 用 户 组: 普通用户
  • 注册时间: 2014-11-19 21:54
文章分类

全部博文(210)

文章存档

2020年(2)

2019年(18)

2018年(27)

2017年(5)

2016年(53)

2015年(88)

2014年(17)

分类: 其他平台

2019-05-20 13:17:20


点击(此处)折叠或打开

  1. data: {
  2.     powerCodeImage: "",
  3.     activetityTitle: "《大卫,不可以!》绘本儿童剧阅读系利展会",
  4.     activetityTitle1: "活动时间:",
  5.     activeDate: "2018/10/10",
  6.     activeTime: "15:30",
  7.     activeNote1: "方式1:长按识别授权码",
  8.     activeNote2: "方式2:直接扫描该授权码",
  9.     temp :'',
  10.     row :[],
  11.     chr:'',
  12.   },

点击(此处)折叠或打开

  1. /**
  2.    * 绘制文字
  3.    */
  4.   word: function (wordText){
  5.     var _this= this, 
  6.     //同过Canvas.measureText() 获取文本的长度
  7.    changdu = myCtx.measureText(wordText).width;
  8.     //拆分文本
  9.     _this.data.chr = _this.data.activetityTitle.split('');
  10.     for (var i = 0; i < _this.data.chr.length; i++) {
  11.         //判断temp字符串的width是否小于 提前设定的长度
  12.       if (myCtx.measureText(_this.data.temp).width < 300) {
  13.            小于,则把当前的字符串拼接 temp
  14.         _this.data.temp += _this.data.chr[i]
  15.       } else {
  16.         i--;
  17.         _this.data.row.push(_this.data.temp)
  18.         _this.data.temp = "";
  19.       }
  20.     }
  21.     _this.data.row.push(_this.data.temp);
  22.     if (_this.data.row.length > 1) {
  23.       var rowCut = _this.data.row.slice(0, 2);
  24.       var rowPart = rowCut[1];
  25.       var test = "";
  26.       var empty = [];
  27.       for (var a = 0; a < rowPart.length; a++) {
  28.         if (myCtx.measureText(test).width < 300) {
  29.           test += rowPart[a];
  30.         }
  31.         else {
  32.           break;
  33.         }
  34.       }
  35.       empty.push(test);
  36.       if (_this.data.row.length > 2) {
  37.         var group = empty[0] + "..."
  38.       } else {
  39.         var group = empty[0]
  40.       }
  41.       rowCut.splice(1, 1, group);
  42.       _this.data.row = rowCut;
  43.       for (var b = 0; b < _this.data.row.length; b++) {
  44.         myCtx.fillText(_this.data.row[b], 35, 30 + b * 30, 300);
  45.       }
  46.     } else {
  47.       myCtx.fillText(_this.data.activetityTitle, 35, 30, 300);
  48.     }
  49.   }

阅读(4072) | 评论(0) | 转发(0) |
给主人留下些什么吧!~~