博客

js:

Ctx.arc(x,y,r,0,Math.PI,true);是画半圆

Ctx.arc(x,y,r,0,2Math.PI,true);画整个圆

uni-app官网介绍canvas绘图位置


小程序记得设置downloadFile添加图片域名

另外：

1. 
   html2canvas
   
   将DOM转化为canvas,也就是把页面内容转化为图片
2. 小程序生成海报
   
   painter：https://github.com/Kujiale-Mobile/Painter
   
   
   uni-app painter插件
   

<canvas style="width: 622rpx; height: 1160rpx;" canvas-id="firstCanvas" id="firstCanvas" class="content"></canvas>

// 文字超过2行省略
textPrewrap(ctx, content, drawX, drawY, lineHeight, lineMaxWidth, lineNum) {
   
	var drawTxt = ''; // 当前绘制的内容
	var drawLine = 1; // 第几行开始绘制
	var drawIndex = 0; // 当前绘制内容的索引
	// 判断内容是否可以一行绘制完毕
	if (ctx.measureText(content).width <= lineMaxWidth) {
   
		ctx.fillText(content.substring(drawIndex, i), drawX, drawY);
	} else {
   
			for (var i = 0; i < content.length; i++) {
   
			drawTxt += content[i];
			if (ctx.measureText(drawTxt