上往建站提供服务器空间服务商，百度快照排名，网站托管，百度推广运营,致力于设计外包服务与源代码定制开发，360推广，搜狗推广,增加网站的能见度及访问量提升网络营销的效果,主营：网站公司,百度推广公司电话,官网搭建服务,网站服务企业排名,服务器空间,英文域名等业务，专业团队服务，效果好。

长治小程序制作【长治企业邮箱】长治网站外包、长治微信商城开发、长治网店美工、长治淘宝设计

长治，山西省地级市，晋东南中心城市 [1]  ，为山西省域副中心城市之一 [1]  ，古称上党、潞州、潞安等。“长治”原为潞安府府治所在县名，得名于明嘉靖八年（公元1529年），取“长治久安”之意。长治地处晋东南，晋冀豫三省交界，全境位于由太行山太岳山环绕而成的上党盆地中。东倚太行山，与河北、河南两省为邻，西屏太岳山，与临汾市接壤，南部与晋城市毗邻，北部与晋中市交界 [2]  ，暖温带半湿润大陆性季风气候显著，辖4区8县，面积13955平方千米，人口347.8万人 [3]  。

长治历史悠久，周显王二十一年（公元前348年）韩国在此首置上党郡，秦王政二十六年（前221年）秦一统六国分天下为三十六郡，上党郡为其一，市区内留存有古上党郡署大门上党门和国内现存规模最大、中轴线长408米的城隍庙潞安府城隍庙。

长治是全国文明城市 [4]  、中国优秀旅游城市 [5]  、国家森林城市 [6]  、国家园林城市 [7]  、国家卫生城市 [8]  、中国特色魅力城市 [9]  、中国曲艺名城 [10]  、国家公共文化服务体系示范区 [11]  。2016年9月，长治入选“中国地级市民生发展100强”之一 [12]  。2017年4月，长治入选国家首批资源型城市产业转型升级示范区 [13]  。2017年，长治市复查确认继续保留全国文明城市荣誉称号 [4]  。2018年，长治入选“中国城市品牌评价（地级市）百强榜”，位列第68位 [14]  。2019年，长治再次入选“中国城市品牌评价（地级市）百强榜”，位列第68位，居全省之首。 [15] 

2020年，长治市完成地区生产总值1711.6亿元，同比增长5.1% [67]  。2020年11月10日，长治经复查确认保留“全国文明城市”荣誉称号 [16]  。

<!DOCTYPE html>
<html>
<head>
	<title></title>
	<meta charset="utf-8">
	<style type="text/css">
		*{
			padding: 0;
			margin:0;
		}
		ul{
			list-style: none;
			overflow: hidden;
			width: 1200px;
			margin: 0 auto;			
		}
		li{
			width: 300px;
			height: 300px;
			float: left;
		}
		body{
			background-color: #333
		}
	</style>
</head>
<body>
    <ul id="canvas">
    	<li>
    		<canvas class="canvas" width="900" height="900"></canvas>
    		<span>70%</span>
    	</li>
    	<li>
    		<canvas class="canvas" width="900" height="900"></canvas>
    		<span>60%</span>
    	</li>
    	<li>
    		<canvas class="canvas" width="900" height="900"></canvas>
    		<span>30%</span>
    	</li>
    	<li>
    		<canvas class="canvas" width="900" height="900"></canvas>
    		<span>80%</span>
    	</li>    	
    </ul>
	<canvas id="cvs"></canvas>
</body>
</html>
<script type="text/javascript">
window.onload=function(){
	var canUl=document.getElementById("canvas");
	var li=canUl.getElementsByTagName("li");
	var can=canUl.getElementsByTagName("canvas");
	var pecent=canUl.getElementsByTagName("span");
	var can_arr=[];
	function Cavas_pecent(json){
		this.w=json.w;
		this.h=json.h;
		this.timer=null;
		this.deg=0;
		this.new_deg=json.new_deg,
		this.obj=json.obj;
		this.color=json.color;
		this.stroke_color=json.stroke_color;
		this.pecent_f=json.pecent_f;
		this.lineWidth=json.lineWidth;
		this.bg_color=json.bg_color;
	}
	Cavas_pecent.prototype.draw = function() {
			var txt=this.deg+"%";
	      	this.obj.lineCap="round";
		    this.obj.lineWidth=this.lineWidth;
		    this.obj.strokeStyle = this.stroke_color;
			this.obj.beginPath();
			this.obj.arc(this.w/2,this.h/2,this.w/2-this.lineWidth,0,this.deg/100*Math.PI*2);
			this.obj.fillStyle="#fff";
			this.obj.font="25px Arial"; 
			this.obj.fillText(txt , 150 - this.obj.measureText(txt).width/2 ,150);
			this.obj.stroke();
	}
	Cavas_pecent.prototype.drawBg = function(){
		this.obj.beginPath();
	    this.obj.strokeStyle=this.bg_color;
	    this.obj.arc(this.w/2,this.h/2,this.w/2-this.lineWidth,0,100*Math.PI*2);
	    this.obj.stroke();
	    this.obj.save();
	    return this;
	}
	Cavas_pecent.prototype.go_draw = function(){
		  var _this=this;
		  _this.timer=setInterval(function(){
		  if(_this.deg==_this.pecent_f){
		  		clearInterval(_this.timer);
		  	}
		  	else{
		  		_this.deg++;
			  	_this.obj.clearRect(0,0,300,300);
			  	_this.drawBg().draw()
			  }
		  },30)
	}
for(var i=0;i<can.length;i++)
	{
		can_arr[i]=new Cavas_pecent({
			w:li[i].offsetWidth,
		    h:li[i].offsetHeight,
			obj:can[i].getContext("2d"),
			color:"#a24565",
			stroke_color:"#a24565",
			pecent_f:parseInt(pecent[i].innerText),
			lineWidth:5,
			bg_color:"#fff"
		})
		can_arr[i].go_draw();
	}
}
</script>

长治小程序制作【长治企业邮箱】长治网站外包、长治微信商城开发、长治网店美工、长治淘宝设计

上往建站提供搭建网站，域名注册，官网备案服务，网店详情页设计，企业网店，专业网络店铺管理运营全托管公司咨询电话，服务器空间，微信公众号托管，网页美工排版,致力于域名申请，竞价托管，软文推广，全网营销,提供标准级专业技术保障，了却后顾之忧,主营：虚拟主机，网站推广，百度竞价托管，网站建设，上网建站推广服务，网络公司有哪些等业务，专业团队服务，效果好。

服务热线：400-111-6878 手机微信同号:18118153152（各城市商务人员可上门服务）