印章生成

renhe2018

不错呀，效果杠杠的。

year1970

感谢分享

kike

[JavaScript] 纯文本查看 复制代码

 // 绘制印章名称
 context.font = '20px 宋体';
 context.textBaseline = 'middle';//设置文本的垂直对齐方式
 context.textAlign = 'center'; //设置文本的水平对对齐方式
 context.lineWidth=1;
 context.fillStyle = '#FF0000';
context.save();
context.translate(width, height);
context.font = '20px 宋体';
var text='回贴专用章';
var count = text.length;
var angle = -3 * Math.PI / (8 * (count - 1));
var chars = text.split("");
for (var i = 0; i < count; i++) {
    var c = chars;
    context.rotate(i === 0 ? (-7.8 * Math.PI / 6) : angle);
    context.save();
    context.translate(80, 0);
    context.rotate(-Math.PI / 2);//旋转图形
    context.fillText(c, 0, 0);
    context.restore();
}

89.zip (1.76 KB, 下载次数: 6)

2024-8-15 18:20 上传

点击文件名下载附件

艾玛克138

刚好学到这，东西拿走

bianyuan456

已经顶贴，感谢您对论坛的支持！

cqcc

kike 发表于 2024-8-13 17:25
[mw_shl_code=javascript,true] // 绘制防伪码       var securityCode = "1234567890123";
        conte ...

其实我就是想把 https://www.eyuyan.la/post/17055.html 这个例子的印章 下面副标题改为带弧度的，能不能帮忙改一下代码，谢谢！

kike

cqcc 发表于 2024-8-13 15:37
我打开就是两个输入框，输入文字怎么没有变化呢？

[JavaScript] 纯文本查看 复制代码

 // 绘制防伪码       var securityCode = "1234567890123";
        context.save();
        context.translate(width, height);
        context.font = '12px 楷体';
        var securityCodeChars = securityCode.split("");
        var securityCodeLength = securityCodeChars.length;
        var securityCodeAngle = -4 * Math.PI / ((8.6 - 0.4 * 0.4) * (securityCodeLength - 1)); // 字间距，夹角
        for (var i = 0; i < securityCodeLength; i++) {
            var cs = securityCodeChars;
            context.rotate(i === 0 ? -7.5 * Math.PI / 6 : securityCodeAngle); // 首字位置
            context.save();
            context.translate(90, 0); // 环绕
            context.rotate(-Math.PI / 2);
            context.fillText(cs, 0, 0);
            context.restore();
        }
        context.restore();

xmtian

感谢分享。

wgqxj

谢谢分享

cqcc

kike 发表于 2024-8-13 14:09
[mw_shl_code=html,true]

我打开就是两个输入框，输入文字怎么没有变化呢？