html在线印章,纯前端Html+JavaScript+canvas生成公章

这篇博客介绍了一个纯前端的方法来生成公章,通过HTML元素、JavaScript代码和canvas技术,详细展示了如何绘制印章边框、印章名称、单位以及五角星等元素,实现了在线制作公章的功能。
摘要由CSDN通过智能技术生成
公章

function createSealEx(){

var dw = document.getElementById("dw");

var mdtext = document.getElementById("mdtext");

var tuzhangdiv = document.getElementById("tuzhangdiv");

tuzhangdiv.innerHTML ="";

createSeal('canvas',dw.value,mdtext.value);

}

function createSeal(id,company,name){

var canvas = document.getElementById(id);

var context = canvas.getContext('2d');

context.translate(0,0);//移动坐标原点

// 绘制印章边框

var width=canvas.width/2;

var height=canvas.height/2;

context.lineWidth=7;

context.strokeStyle="#f00";

context.beginPath();

context.arc(width,height,110,0,Math.PI*2);

context.stroke();

context.save();

//画五角星

//create5star(context,width,height,30,"#f00&#

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值