</div>
<input type="button" onclick="javascript:createSealEx();" value="生成中英公章"/>
<input type="button" onclick="javascript:createSealEx2();" value="生成中公章"/>
</body>
<SCRIPT LANGUAGE="javascript">
function createSealEx(){
var dw = document.getElementById("dw");
var edw = document.getElementById("edw");
var mdtext = document.getElementById("mdtext");
var tuzhangdiv = document.getElementById("tuzhangdiv");
tuzhangdiv.innerHTML ="<canvas id='canvas' width='160' height='160'></canvas>";
createSeal('canvas',dw.value,edw.value,mdtext.value);
}
function createSealEx2(){
var dw = document.getElementById("dw");
var edw = document.getElementById("edw");
var mdtext = document.getElementById("mdtext");
var tuzhangdiv = document.getElementById("tuzhangdiv");
tuzhangdiv.innerHTML ="<canvas id='canvas' width='160' height='160'></canvas>";
createSeal11('canvas',dw.value,mdtext.value);
}
function createSeal11(id,company,name){
var canvas = document.getElementById(id);
var context = canvas.getContext('2d');
// 绘制印章边框
var width=canvas.width/2;
var height=canvas.height/2;
context.lineWidth=2;
context.strokeStyle="#f00";
context.beginPath();
context.arc(width,height,78,0,Math.PI*2);
context.stroke();
context.save();
context.lineWidth=1;
context.strokeStyle="#f00";
context.beginPath();
context.arc(width,height,75,0,Math.PI*2);
context.stroke();
context.save();
//画五角星
create5star(context,width,height,25,"#f00",0);
// 绘制印章名称
context.font = '18px Helvetica';
context.textBaseline = 'middle';//设置文本的垂直对齐方式
context.textAlign = 'center'; //设置文本的水平对对齐方式
context.lineWidth=1;
context.fillStyle = '#f00';
context.fillText(name,width,height+53);
// 绘制印章单位
context.translate(width,height);// 平移到此位置,
context.font = '20px Helvetica'
var count = company.length;// 字数
var angle = 4*Math.PI/(3*(count - 1));// 字间角度
var chars = company.split("");
var c;
for (var i = 0; i < count; i++){
c = chars[i];// 需要绘制的字符
if(i==0)
context.rotate(5*Math.PI/6);
else
context.rotate(angle);
context.save();
context.translate(64, 0);// 平移到此位置,此时字和x轴垂直
context.rotate(Math.PI/2);// 旋转90度,让字平行于x轴
context.fillText(c,0, 5);// 此点为字的中心点
context.restore();
}
}
function createSeal(id,company,ecompany,name){
var canvas = document.getElementById(id);
var context = canvas.getContext('2d');
