|
|
@@ -45,7 +45,7 @@ export default {
|
|
|
showtime() {
|
|
|
let date = new Date(this.time * 1000);
|
|
|
let Y = date.getFullYear();
|
|
|
- let M = date.getMonth()
|
|
|
+ let M = date.getMonth()+1
|
|
|
let D = date.getDate()
|
|
|
return Y + '年' + M + '月' + D + '日';
|
|
|
}
|
|
|
@@ -111,26 +111,110 @@ export default {
|
|
|
context.setFillStyle('#F5D0A2');
|
|
|
// context.fillText('感谢信', ((750 - obj.size) * obj.ratio) / 2, 260 * obj.ratio)
|
|
|
context.setFontSize(30 * obj.ratio);
|
|
|
- context.fillText('感谢 ' + obj.userName , 273 * obj.ratio, 500 * obj.ratio);
|
|
|
+
|
|
|
+ if(obj.userName.length<=10){
|
|
|
+ context.fillText('感谢 ' , 273 * obj.ratio, 500 * obj.ratio);
|
|
|
+ context.fillText(obj.userName , 340 * obj.ratio, 500 * obj.ratio);
|
|
|
+ context.fillText('您的爱心捐赠和善心!' , 273 * obj.ratio, 540 * obj.ratio);
|
|
|
+ }else if(10< obj.userName.length && obj.userName.length <= 20){
|
|
|
+ let center = Math.floor(obj.userName.length/2)
|
|
|
+ let str1 = obj.userName.slice(0,center)
|
|
|
+ let str2 = obj.userName.slice(center,)
|
|
|
+ let des = 5*(20-obj.userName.length)
|
|
|
+ context.fillText('感谢 ' , 260 * obj.ratio, 500 * obj.ratio);
|
|
|
+ context.setTextAlign('center')
|
|
|
+ context.fillText(str1 , (490 - des) * obj.ratio, 480 * obj.ratio);
|
|
|
+
|
|
|
+
|
|
|
+ context.fillText(str2 , (490 - des) * obj.ratio, 520 * obj.ratio);
|
|
|
+ context.setTextAlign('left')
|
|
|
+ context.fillText('您的爱心捐赠和善心!' , 260 * obj.ratio, 560 * obj.ratio);
|
|
|
+ }else if(20< obj.userName.length && obj.userName.length <= 30){
|
|
|
+
|
|
|
+ let str1 = obj.userName.slice(0,10)
|
|
|
+ let str2 = obj.userName.slice(10,20)
|
|
|
+ let str3 = obj.userName.slice(20,)
|
|
|
+ context.fillText('感谢 ' , 260 * obj.ratio, 500 * obj.ratio);
|
|
|
+ context.setFontSize(24* obj.ratio)
|
|
|
+ context.fillText(str1 , 340 * obj.ratio, 460 * obj.ratio);
|
|
|
+
|
|
|
+ context.fillText(str2 , 340 * obj.ratio, 490 * obj.ratio);
|
|
|
+ context.setTextAlign('center')
|
|
|
+ context.fillText(str3 , 460 * obj.ratio, 520 * obj.ratio);
|
|
|
+ context.setFontSize(38* obj.ratio)
|
|
|
+ context.setTextAlign('left')
|
|
|
+ context.fillText('您的爱心捐赠和善心!' , 260 * obj.ratio, 565 * obj.ratio);
|
|
|
+ }
|
|
|
context.setTextAlign('center')
|
|
|
context.setFontSize(40* obj.ratio);
|
|
|
context.setFillStyle('#321C0A');
|
|
|
- context.fillText(obj.userName , (750/2)* obj.ratio, 700 * obj.ratio);
|
|
|
+ if(obj.userName.length <= 10){
|
|
|
+ context.fillText(obj.userName , (750/2)* obj.ratio, 700 * obj.ratio);
|
|
|
+ }else if(obj.userName.length <= 20){
|
|
|
+ if(obj.userName.length <= 13){
|
|
|
+ context.setFontSize(28* obj.ratio)
|
|
|
+ context.fillText(obj.userName , (750/2)* obj.ratio, 700 * obj.ratio);
|
|
|
+ }else {
|
|
|
+ let center = Math.floor(obj.userName.length/2)
|
|
|
+ console.log(center,'this.obj.userName.length.center')
|
|
|
+ let str5 = obj.userName.slice(0,center)
|
|
|
+ let str6 = obj.userName.slice(center,)
|
|
|
+ context.setFontSize(28* obj.ratio)
|
|
|
+ context.fillText(str5 , (750/2)* obj.ratio, 675 * obj.ratio);
|
|
|
+ context.fillText(str6 , (750/2)* obj.ratio, 710 * obj.ratio);
|
|
|
+ context.setFontSize(38* obj.ratio)
|
|
|
+ }
|
|
|
+
|
|
|
+ }else if(obj.userName.length <= 30){
|
|
|
+ let str5 = obj.userName.slice(0,15)
|
|
|
+ let str6 = obj.userName.slice(15,)
|
|
|
+ context.setFontSize(24* obj.ratio)
|
|
|
+ context.fillText(str5 , (750/2)* obj.ratio, 675 * obj.ratio);
|
|
|
+ context.fillText(str6 , (750/2)* obj.ratio, 710 * obj.ratio);
|
|
|
+ context.setFontSize(38* obj.ratio)
|
|
|
+ }
|
|
|
|
|
|
- //感谢您于2021年1月1日对于“关爱关心留守儿童”的爱心捐赠。特发此证书,以示感谢!
|
|
|
+ //感谢您于2021年1月1日对于“关爱关心留守儿童”的爱心捐赠。特发此证书,以示感谢!红会博爱送温暖 爱康关怀暖人心
|
|
|
context.setTextAlign('left')
|
|
|
context.setFillStyle('#533113');
|
|
|
context.setFontSize(30* obj.ratio);
|
|
|
- context.fillText('感谢您于 ' + obj.showtime , 198* obj.ratio, 940 * obj.ratio);
|
|
|
- context.setTextAlign('center')
|
|
|
- if(this.pid !== 0){
|
|
|
- context.fillText('对'+'"'+obj.itemName+'"'+ '的爱心捐赠。',(750/2+20)* obj.ratio,980 * obj.ratio)
|
|
|
+
|
|
|
+ if(this.pid != 0){
|
|
|
+ if(obj.itemName.length <= 6){
|
|
|
+ context.fillText('感谢您于 ' + obj.showtime , 198* obj.ratio, 940 * obj.ratio);
|
|
|
+ context.setTextAlign('center')
|
|
|
+ context.fillText('对'+'"'+obj.itemName+'"'+ '的爱心捐赠。',(750/2+20)* obj.ratio,980 * obj.ratio)
|
|
|
+ context.fillText('特发此证书,以示感谢!',(750/2)* obj.ratio,1025 * obj.ratio)
|
|
|
+ }else if(obj.itemName.length > 6 && obj.itemName.length <= 20){
|
|
|
+ let str1 = obj.itemName.slice(0,13)
|
|
|
+ let str2 = obj.itemName.slice(13,)
|
|
|
+ context.setFontSize(24* obj.ratio)
|
|
|
+ context.setTextAlign('center')
|
|
|
+ context.fillText('感谢您于 ' + obj.showtime + '对于', (750/2)* obj.ratio, 940 * obj.ratio);
|
|
|
+ context.fillText('"'+str1,(750/2)* obj.ratio,970 * obj.ratio)
|
|
|
+ context.fillText(str2+'"' + '的爱心捐赠。',(750/2)* obj.ratio,1000 * obj.ratio)
|
|
|
+ context.fillText('特发此证书,以示感谢!',(750/2)* obj.ratio,1030 * obj.ratio)
|
|
|
+
|
|
|
+ }else if(obj.itemName.length > 20 && obj.itemName.length <= 30){
|
|
|
+ let str1 = obj.itemName.slice(0,18)
|
|
|
+ let str2 = obj.itemName.slice(18,)
|
|
|
+ context.setFontSize(22* obj.ratio)
|
|
|
+ context.setTextAlign('center')
|
|
|
+ context.fillText('感谢您于 ' + obj.showtime + '对于', (750/2)* obj.ratio, 940 * obj.ratio);
|
|
|
+ context.fillText('"'+str1,(750/2)* obj.ratio,970 * obj.ratio)
|
|
|
+ context.fillText(str2+'"'+'的爱心捐赠。',(750/2)* obj.ratio,1000 * obj.ratio)
|
|
|
+ context.fillText('特发此证书,以示感谢!',(750/2)* obj.ratio,1030 * obj.ratio)
|
|
|
+ }
|
|
|
+
|
|
|
}else {
|
|
|
- context.fillText('的爱心捐赠。',(750/2+20)* obj.ratio,980 * obj.ratio)
|
|
|
+ context.fillText('感谢您于 ' + obj.showtime , 198* obj.ratio, 940 * obj.ratio);
|
|
|
+ context.setTextAlign('left')
|
|
|
+ context.fillText('的爱心捐赠。',198* obj.ratio,980 * obj.ratio)
|
|
|
+ context.setTextAlign('center')
|
|
|
+ context.fillText('特发此证书,以示感谢!',(750/2)* obj.ratio,1025 * obj.ratio)
|
|
|
}
|
|
|
|
|
|
|
|
|
- context.fillText('特发此证书,以示感谢!',(750/2)* obj.ratio,1020 * obj.ratio)
|
|
|
// context.fillText('衷心感谢您对荆州市红十字事业的信任与支持', 155 * obj.ratio, 460 * obj.ratio);
|
|
|
// context.fillText('!我们已收到您的捐款', 40 * obj.ratio, 515 * obj.ratio);
|
|
|
// // 画横线
|