Javascript实现生成印章 (附完整源码）

Javascript实现生成印章 (附完整源码）

Javascript实现生成印章

HTML 代码：

<canvas id="myCanvas"></canvas>

JavaScript 代码：

// 获取 canvas 元素并设置宽高
var canvas = ElementById("myCanvas");
var ctx = Context("2d");
canvas.width = 300;
canvas.height = 300;// 定义印章半径和外部圆圈宽度
var radius = 100;
var outerLineWidth = 20;// 计算圆心坐标
var centerX = canvas.width / 2;
var centerY = canvas.height / 2;// 画外部圆圈
ctx.beginPath();
ctx.arc(centerX, centerY, radius + outerLineWidth / 2, 0, 2 * Math.PI);
ctx.lineWidth = outerLineWidth;
ctx.strokeStyle = 'red';
ctx.stroke();// 画内部圆圈
ctx.beginPath();
ctx.arc(centerX, centerY, radius, 0, 2 * Math.PI);
ctx.fillStyle = 'red';
ctx.fill();// 画标语
ctx.font = "40px Arial";
ctx.fillStyle