function createSealEx(){

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

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

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

        tuzhangdiv.innerHTML ="<canvas id='canvas' width='250' height='250'></canvas>";

        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",0);

​

        // 绘制印章名称

        context.font = 'bolder 24px SimSun';

        context.textBaseline = 'middle';//设置文本的垂直对齐方式

        context.textAlign = 'center'; //设置文本的水平对对齐方式

        context.lineWidth=1;

        context.fillStyle = '#f00';

        context.fillText(name,width,height+65);

​

​

        // 绘制印章单位

        context.translate(width,height);// 平移到此位置,

​

        context.font = 'bolder 30px SimSun '

        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(90, 0);// 平移到此位置,此时字和x轴垂直，第一个参数是与圆外边的距离，越大距离越近

            context.rotate(Math.PI/2);// 旋转90度,让字平行于x轴

            context.fillText(c,0, 5);// 此点为字的中心点

            context.restore();

        }

​

        //绘制党徽

        drowImageToCanvas(context,width,height);

​

        /* */

​

​

        //绘制五角星

        /**

         * 创建一个五角星形状. 该五角星的中心坐标为(sx,sy),中心到顶点的距离为radius,rotate=0时一个顶点在对称轴上

         * rotate:绕对称轴旋转rotate弧度

         */

        function create5star(context,sx,sy,radius,color,rotato){

            context.save();

            context.fillStyle=color;

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

            context.rotate(Math.PI+rotato);//旋转

            context.beginPath();//创建路径

            var x = Math.sin(0);

            var y= Math.cos(0);

            var dig = Math.PI/5 *4;

            for(var i = 0;i< 5;i++){//画五角星的五条边

                var x = Math.sin(i*dig);

                var y = Math.cos(i*dig);

                context.lineTo(x*radius,y*radius);

            }

            context.closePath();

            context.stroke();

            context.fill();

            context.restore();

        }

​

        // canvas对象绘制图片

        function drowImageToCanvas(context,x,y) {

            //alert(x+"|"+y);

            //创建新的图片对象

            var img = new Image();

            //指定图片的URL

            img.src = "dh.png";

            //浏览器加载图片完毕后再绘制图片

            img.onload = function(){

                context.save();

                context.rotate(-0.5);//旋转

                //以Canvas画布上的坐标(10,10)为起始点，绘制图像

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

                context.drawImage(img,x,y);

                context.restore();

            };

        }

​

​

    }