糖豆S
糖豆S

纯 canvas 实现漂亮的仪表盘

纯 canvas 实现漂亮的仪表盘_第1张图片
经验：

  1. save-restore-restore-restore 是不行的。用 save 保存的状态只能用一次，最后两个 restore 是回不到第一次 save 的状态的。
  2. oninput 是变了就触发，onchange 是变了且 失去焦点 才触发

<html>

<head>
	<meta charset="UTF-8">
	<style>
		canvas {
			background: linear-gradient(20deg, rgba(255, 152, 0, 0.5) 0, rgba(255, 87, 34, 0.9) 45%, rgba(255, 87, 34, 0.8) 50%, rgba(255, 152, 0, 0.6) 100%);
		}
	style>
head>

<body>

	<canvas id="canvas">canvas>
	
	<input type="range" value="70" oninput="handleInput()" id="inputRange">
	<img src="" style="display:none;" id="beautiful-icon">
	<img src="" style="display:none;" id="beautiful-icon-light">


	<script>
		const width = 500;
		const height = 300;
		let canvas;
		let beautiful_icon_base64;
		let beautiful_icon_light_base64;

		window.onload = function() {
			// 给图片设置src（base64）
			document.getElementById("beautiful-icon").setAttribute("src", beautiful_icon_base64)
			document.getElementById("beautiful-icon-light").setAttribute("src", beautiful_icon_light_base64)
			// 给画布设置宽高
			canvas = document.getElementById("canvas");
			canvas.setAttribute("width", width);
			canvas.setAttribute("height", height);
			// 画一个
			handleInput(60);
		}

		function handleInput() {
			const val = parseInt(document.getElementById("inputRange").value);
			draw(val);
		}

		function draw(value) {
			let startAngle = 17 / 16 * Math.PI, // 和数学上的保持一致
				endAngle = -1 / 16 * Math.PI,
				splitNumber = 25,
				diamondNumber = 10,
				diamondSize = 20,
				center = [width / 2, height / 2 + 32];
			var ctx = canvas.getContext('2d');
			ctx.save();
			ctx.clearRect(0, 0, width, height);
			ctx.translate(center[0], center[1]);
			// 
			ctx.beginPath();
			ctx.strokeStyle = 'white';
			ctx.lineWidth = 5;
			ctx.shadowBlur = 10;
			ctx.shadowColor = "rgba(255, 255, 255, 0.8)";
			ctx.arc(0, 0, 35, 2 * Math.PI - startAngle, 2 * Math.PI - endAngle, false);
			ctx.stroke();
			// 画刻度
			ctx.lineWidth = 2;
			let r1 = 90;
			let r2 = 105;
			ctx.shadowBlur = 0;
			for (let i = 0; i <= splitNumber; i++) {
				let angle = startAngle - (startAngle - endAngle) / splitNumber * i;
				let startX = Math.cos(angle) * r1;
				let startY = -Math.sin(angle) * r1;
				let endX = Math.cos(angle) * r2;
				let endY = -Math.sin(angle) * r2;
				if (i <= value * splitNumber / 100) {
					ctx.strokeStyle = 'white';
				} else {
					ctx.strokeStyle = '#ffa96d';
				}
				ctx.beginPath();
				ctx.moveTo(startX, startY);
				ctx.lineTo(endX, endY);
				ctx.stroke();
			}
			// 画指针
			ctx.strokeStyle = '#fff';
			let r3 = 115;
			let angle = startAngle - (startAngle - endAngle) / splitNumber * value * splitNumber / 100;
			let startX = Math.cos(Math.PI + angle) * 12;
			let startY = -Math.sin(Math.PI + angle) * 12;
			let endX = Math.cos(angle) * r3;
			let endY = -Math.sin(angle) * r3;
			ctx.lineWidth = 3;
			ctx.beginPath();
			ctx.moveTo(startX, startY);
			ctx.lineTo(endX, endY);
			ctx.stroke();
			// 
			// 画指针中心的圈圈
			ctx.beginPath();
			ctx.lineWidth = 2;
			ctx.fillStyle = "pink";
			ctx.arc(0, 0, 4, 0, 2 * Math.PI);
			ctx.fill();
			ctx.stroke();
			// 画钻石
			for (let i = 0; i <= diamondNumber; i++) {
				ctx.restore();
				// 不能连着用 restore()，没有用！
				ctx.save();
				let angle = startAngle - (startAngle - endAngle) / diamondNumber * i;
				let startX = Math.cos(angle) * 130;
				let startY = -Math.sin(angle) * 130;
				ctx.translate(center[0] + startX, center[1] + startY);
				ctx.rotate(Math.PI / 2 - angle);
				let scale = 50;
				if (i < diamondNumber * 0.5) {
					scale = 0.5
				} else if (i < diamondNumber * 0.8) {
					scale = i / diamondNumber
				} else {
					scale = 1;
				}
				ctx.scale(scale, scale);
				let img;
				if (i <= value * diamondNumber / 100) {
					img = document.getElementById('beautiful-icon');
				} else {
					img = document.getElementById('beautiful-icon-light');
				}
				if (value === 0) {
					img = document.getElementById('beautiful-icon-light');
				}
				ctx.drawImage(img, 0, 0, diamondSize * 2, diamondSize * 2, -diamondSize, -diamondSize, diamondSize * 2, diamondSize * 2);
			}
			ctx.restore();
		}
	script>
	<script>
		beautiful_icon_base64 = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAUCAYAAACJfM0wAAACGklEQVQ4T52VTYiOURTHf/+NomxIPkpZsKEklK+NsCFjQdREksUwG1KancxkpdlgQZIUs0KzMNhIFjQ2ZDEppXxHImIhio7+4zx1553nfce8p5567rn3/u655/mf84jCIqIT6ABWADOBIeABMCDpl5dGxBTgALA5n4fAE2BQ0t0Kp+olInqAk+VBxft9YD/wG7gAbGqy7rCkM54bBUfEALC7WPwNeANMBxak/zPwB5id41fAd2ARMLXYu07SsCJia165mjsl6Uhxk1XARWBJ+q4BJySNZFAGny1u8RRYbXA/cDQ3DUna1njNiFgMXAZeSNpVMz8XeATMy7ntBl8B9qSjQ9LNuvxFxCxJn5rk1unsBY7nfLfB94D16Zgj6WOzza38EWElOWpbn8GngUPpmCHpa5vghcDz3NtpcHcm376Vkh63Ce4Czufe5QZbk3fSMUYRkzmgSOl7S7DS8Y2sOLN2Sro+SWj54fok9VbgUss/gR2Sbv8PPCL2AZdy7TNgg6QPZUm7nF3Wti/AMklvJ1CC1WRVVbZWknvHv5KuLCJuAVty/E7S/GbgiHCpvyzmfcvBajwGbGeDrkckLa2DR0QU/tG8luvGgWvglt9GSW5MPngNMNwKOi4VDWkpK/I1sDc729WJoC3BGZ27lgvI9gOYVkB7JLmB1VptKhoiPwicK3xu9l2SKom1B87I/RPwx3F3O1b+gppF/BdXfsvYA+llAgAAAABJRU5ErkJggg==';
		beautiful_icon_light_base64 = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAUCAYAAACJfM0wAAAC0klEQVQ4T52VTUgUYRjH//+xhIIIjCiD2PHrUhCRQV8XKZtdIzskBmJEdNCZhYogvEVGJ/GSiburEUF5qvCQmbub0qHQi9JBgiB0/IhEjMKgSNqZJ2Z2V8dtV9P39M7z8Xuf9/88L0N4lhkM1MGWahDlAHaA6CX47k8eu8va+xedUGmuzZ+eW2i0wSoAVSCGxZb3IkpPSWd0MI1jemPq/iYQLd6D0nsB3m4mriRsJkh5IEBltjhFeN0Xid53fC54Qg90k1LvCV6AyDTIbQBUt1LgKwkLgl2puEkAPwApA7hlqVLKCTUUH+KUrp21yV4P9F5ROHZj6SYN2hHm8aEA+1OVPLMs625J18CY8z3TeLrMUpRQ+hYEPvzk4lFOGIFWQm4mQewtCkfPZV5zqrFqn63YjwlMqOHYhUz/ZIO/EHkYEWCP47PEPs8JQ3tC8KJjUESqfZH4y2z6zV6t2lnY3j+fzefYxnWtWSFvp/wGTcP/BkCFq2N+Yndx2+BcruTV7FOGVm6DI06MLXKHZlBrg/CaWzE2FfjCfd83Ap4J+ksTgk9urrCOpq4ZIENJsBz2heOjGwGbhtYAsNPtlCiHOGX4K23gdQq2YiLWc0BaUgJf8q38MneOTSPwApBqt2pKrS8Uf74eqLdxjr4lkXizC86Y5d+0WaN2Rl/9D9zUA5dBeZScVnxkAifVrtis90m3gGhKwb5ZlIOlofjManBTD1SA4kxVkqvwuNoRHU6e4VlmUOuD8IzbWMHn4khsby6wqQdUUMwlKFmjhqI9S9+ZiSvmWmSsOBI/kA1uGn5J29O6euNWVJx2eOEARrdb1qmCroEFxz/ZGDgmigytBv1HihWyeF6k01+x5RIUZRchT9eCrgpOjqHfeThGCvQLwNZlDdmkhqOtuXqQVYqMynUA4eUmISGChqJwLDliOdaaYCdvXNfqSTaTmFfIW76O5V9QLvBfnb8g11oJ5jAAAAAASUVORK5CYII='
	script>

body>

html>

你可能感兴趣的:(写着玩)

  • 与羊有关的诗句 胡天寿01
    1.《初春汉中漾舟》（孟浩然）羊公岘山下，神女汉皋曲。雪罢冰复开，春潭千丈绿。轻舟恣来往，探玩无厌足。波影摇妓钗，沙光逐人目。倾杯鱼鸟醉，联句莺花续。良会难再逢，日入须秉烛。2.《边头作》（李端）邠郊泉脉动，落日上城楼。羊马水草足，羌胡帐幕稠。射雕过海岸，传箭怯边州。事归朝将，今年又拜侯。3.《出境游山》(王勃)源水终无路，山阿若有人。羊先动石，走兔欲投巾。4.《按覆后归睦州，赠苗侍御》（刘长卿）
  • 闭组进行时... 李亚青_强化班
    今天是2019年12月1号距离开始三月学习的日子:2019年10月07,已经过去将近两个月，回顾这一阶段的学习，收获了什么?又学会了什么呢?图片发自App我想，收获最大的就是身边这一群人吧,有和蔼可亲的学姐，贴心的学长，嬉戏打闹，玩的不亦乐乎，但也同样认真踏实学习小伙伴图片发自App本以为在这样的时刻，有太多太多话，太多太多想法想要表达，可言到此处，又觉得似乎没有什么想要说的了还是那句话，幸运遇到
  • 黛玉葬花是一种什么心情 爱的生命力
    图片发自App小区里的花终于开了，带着孩子在小区散步的时候，无意间我注意到了玉兰，第一次我发现原来它是先开花后长叶子的，洁白如玉的花高耸入云，那种洁白，让人敬畏。因为有风，所以带孩子在楼遮挡的草坪上玩，发现紫叶李的花也开了，并且随着风的吹动，落了满地，孩子捡起一朵花，拿到我面前，细声细气的说“花”，我的大脑细胞瞬间激活，为什么不和孩子一起捡花呢！这可是一项好玩的游戏，于是我给孩子拿了一个大的挖土用
  • 散步随记 拂尘记
    2018.4.27一个人散步，有人在跳舞，有人带着孩子玩，有人在跑步，有人牵着宠物狗……有人在跳舞，有人在带孩子胡思乱想，任思绪飘荡。在这个人生中点，回望前半生，展望后半生，有时候想想，谁都不知道明天会发生什么，明天会怎样，一切顺其自然吧，最好。常常会想，是不是已经江郎才尽，再也写不出让自己满意的东西了？昨晚正好看到刘墉写的文章，大意是说他的文章画作都是被真正感动以后的作品，因此每篇每幅都是真情实
  • 现在玩什么手游可以赚到钱？最新的手游赚钱方法。 会飞滴鱼儿
    很多人都认为。在游戏里面赚钱就只能是打怪卖装备搬砖了。其实我告诉你们，这只是游戏里面最低级的赚钱方式，又苦，又累不说，还赚不到几个钱。你可能在游戏里面见过搬砖一天赚100的，但是你绝对没见过在游戏里搬砖一天赚1000的。今天我来给大家分享一个在游戏里一天就能赚1000的另内方法。具体该怎么做呢？接下来认真听我说。其实我告诉大家，现在80%的手游都能在“游人特权站”申请代理。手游代理就是推广游戏，引
  • 2018年4月21日 真昼之月
    因为之前周末都是一起床就玩FM然后就不知不觉沉迷，所以这次试着先玩兰斯10试试（。）总之战力稳步增强中，但是直到13T退潮都没遇到海战路线选择，难道这次又要进魔王凯布利斯BE了？！之后打FIFA的联机联赛，新阵容感觉就那样吧，找到感觉后D4轻松升级，但是D3还是会输。之后TOTS活动出来后估计阵容劣势会进一步放大（←无氪党），估计今年是没法再上D1了……以及防守还是做不好，头疼。晚饭前后玩了会儿F
  • 童年印象 山魂
    今年十一长假我带着两岁的儿子回老家。原本担心他在老家呆不住，岂知这小家伙在老家玩的不亦乐乎。平时左蹦右跳的孩子，现在看见小鸡吃食也能目不转睛的盯着看上许久，那兴奋的样子全都洋溢在他那稚嫩的脸庞上。对于农村里的牛羊、鸡鸭、猪狗、虫鱼无不感到新鲜独特。一整天乐此不疲的看看这个，瞅瞅那个。常常大晚上的还哭着闹着要求我带他去看牛牛，去看狗狗。这个一直住在城市高楼里，活动范围仅仅是一百来平米和那个小小的空中
  • 捐 独钓寒江Mr
    隆冬的傍晚，大王镇葫芦头村完小窗户上破碎的玻璃被几张塑料纸所替代，风吹过，呼呼作响，残破的墙体给我一种随时可能坍塌的感觉，夕阳恰斜在这所危房的窗户上，愈显破败。一个瘦骨伶仃的小男孩站在教室外、赶着着夕阳的余光在趴在窗台上书写着，不时的抬起衣袖擦擦鼻涕，衣袖那一片又黑又亮。那双干裂的小手半缩在袖口中，手里握着一支木棍，木棍的下方绑着一枚很小的铅笔头……我掏出手机，收紧镜头，把孩子紧握木棍写字的一幕拍
  • 第84篇 我们要给妈妈生葫芦娃 南番娘娘
    2018-2-3星期六晴我和妹妹跟姥姥和老爷提前回老家准备过年了，我们学校放假了。我们一起住在奶奶家住了，妈妈下个星期就回来跟我们玩。我好想爸爸妈妈。今天和妈妈视频聊天的时候，我跟她说我和妹妹要给她生个孩子因为我很喜欢她。她可高兴啦。问我生的孩子叫什么名字。我都想好啦就叫葫芦娃，我们要生7个葫芦娃。妈妈问我葫芦娃们都穿什么颜色的衣服。我觉得应该穿黑色，黄色，橘色，然后剩下的我得去看看书，我没回答上
  • 小鸡仔 Skye_2256
    春日的阳光暖暖的照在宽阔的土地上，一片又一片知名的和不知名的花儿都在这和煦的春风中竞相开放。有白的紫的黄的红的，风吹过来时，仔细去闻，除了花香，还有青草努力生长的味道。在一个农家小院里，一个小姑娘手里拿着些小石子蹲在地上自己玩着。她觉得自己比别的小伙伴儿们的手都笨，别人玩这个，一抓能抓好多，她顶多抓三四个就顾不上去接往下掉的了。努力了一次又一次，为了防止被冻到还穿的有些厚的小人儿，心里有点浮躁起来
  • 岁月为我大浪淘沙 而你被留下 追风少年郝
    不知道日常生活中，人和人之间的情感要怎样才算得上朋友，真正的朋友？换句话说，真正的朋友应该是怎么样的？可以说真心话的标准在哪里？随着年龄的增长，朋友，不，应该说是玩伴儿也越来越少，当然，算得上朋友的人也少之又少。岁月为我大浪淘沙，而你被留下。小时候，一颗糖一个玩具就可以找到一个玩伴儿，而长大了才发现我们需要更多的糖更大的玩具，还不知道这个玩伴儿可以一起玩多久。将心比心，以心交心。可是，日益长大，才
  • 2019-10-25 铭宝酷妈
    赶会了回到家孩爸拿了一堆赶会的票，我就盘算着只能今晚去，明天白天监考，晚上值班。后天依然监考，孩子去学习，晚上孩子到家得七点了，第二天还得上学。可是孩子回家后直说今天赶了不少作业，晚上不写了。我心里想:吃饱饭赶紧赶会去！可是人家要求先玩半小时游戏。我趁机加码了两分英语试卷的选择题，他很快完成，顺利拿到手机。我跟孩爸没了耐心，就说那就不去了！结果人家玩完半小时没有还手机的意思！我暗使眼色，孩爸心知肚
  • 20个月幼儿游戏 一只暴躁的小仙女
    这个阶段注重宝宝平衡能力协调发展，蹲下起立和弯腰拾物，各种能力相互配合，逐步学会复杂的动作。宝宝已经会扭动门把手，会自己开门走出房间。玩沙给宝宝准备一堆干净的细沙和一个小桶、一个小铲，让宝宝玩耍，看细沙从指间流出。然后用水壶把干沙打湿，用塑料小碗制作出小沙饼，宝宝会非常兴奋，会找出不同形状的塑料容器来制作不同形状的沙坯；也可教宝宝用小铲子铲出河流，架上积木做的小桥，陪宝宝玩一阵后，妈妈可以去做自己
  • 【破相】Viky与妈妈的日常135 翊阳
    Viky出生第135天。自认为已经很认真的帮Viky剪指甲了，看见长长、有一点点杀伤力就咔嚓剪掉，仍然没防住Viky到处乱抓的手。只见Viky认真的吸着右手食指，其他四个手指高兴的的小幅度游动，可能高兴的用力过猛了些，见她皱了皱眉，然后又继续原来的姿势自己跟自己玩了。等她玩够了，把手放下来，眼角一条红红的印子已经落下。2019.1.25图片发自App
  • 我的“自画像” 爱妮_a2ce
    四年五班陈希大家好，我的名字叫陈希，我是一名女生，我有一点点胖，戴着一副眼镜，长着长长的头发，长得一般般。我有时在学校，不怎么和同学玩，比如我的好朋友闫诺找我出去玩，我也不怎么去，我不怎么和同学说话，我刚上学的时候，和我的同学都不认识，所以我们很少和对方说话，我也很少和他们玩，我们的第一课体育，玩得很开心，通过后天的了解，我们就熟悉了，但也很少聊天。我的性格比较内向。我的爱好是音乐，我的爱好是弹吉
  • 诗‖假如爱有天意 琴心劍胆
    文/摄图‖琴心剑胆teniuqi琴心剑胆摄于拙政园琴心剑胆摄于拙政园琴心剑胆摄于拙政园蝴蝶隐于叶底调整振翅前急促的呼吸她要去见一朵小小的玫瑰玫瑰上有你的讯息玉兰花高高悬于树枝硕大的花瓣上停了一朵哈达那是刚从塞北摘来的云啊那云里写着一汪潮湿的思绪六月份的布谷还在卖力地提醒耕耘的消息窗前树上的鸟儿叽喳它们互相交换着一个母亲深夜未眠的秘语今年雨水丰沛草原绿绒绒已长成最美的样子远方的人啊是否还记得曾带你徜
  • 单杠双力臂 笑看人生_5d9c
    这几天我的胳膊有点痛，我没有高强度锻炼，我轻微锻炼，昨天下午我的单杠快递到了，下午约6时我到街上取回快递，今天下午我才打开，打开第一感觉还是挺满意的，因胳膊有点痛我没有安装，我仍然用原来装好的单杠简单玩了玩，今天学生放晚学我想到单杠双力臂，上去成C字形，身体要向单杠上趴，我尝试一下，就差一点就上去，我怕伤到胸部，于是我用两个小包被放在单杠上然后再次尝试，这下成功了，我能趴在单杠上，这样身体趴在单杠
  • 毒 聚守一方
    不染赌瘾，不沾毒瘾，这是最大的两个魔窟。你根本没法想象，一个正常人到一个重度毒瘾患者的过程，可能只需要抽一根你从来没有抽过的烟，喝一杯你从来没喝过的酒。现在很多年轻人对事物甚至连基本的认知都没有，于是在不良示范的带动下，是在无知和无任何防范下坠入毒窟的。那些上瘾者总是这样说服后来人，“在美国许多州，大麻是完全合法”“大麻还没有烟酒容易上瘾”“来吸两口，玩一玩，没事的”“大家都吸，就你不吸，是不是不
  • D020+3组鱼来与鱼往+《吉田医生哈佛求学记》读书笔记 筱麦
    今天读第四章时，看到一句话：只要不放弃，就能发现道路，即便是羊肠小道。这让我想起那年去集安玩的经历，那年夏天我们三口人自驾去集安玩，玩的几天特别开心，夏季多雨，返程的时候，就赶上了大雨，雨势迅猛，任凭雨刷器摆的再快，也看不清前方的路，而且有一段路是盘山路，特别陡特别窄，在这样的路况下，女儿有些害怕，我心里也很紧张，老公劝我们说没事的，虽然他这么说，但我还是很紧张，坐在副驾驶专心替他看路。开过了盘山
  • 跟广大男性分享一下我在恋爱中一点点感悟 用心去努力
    第一次接触这个，那我先自我介绍吧。我是刚上大一的没考上艺术院校的普通大专生，我女朋友是考上艺术院校的大一学生。我和我女朋友从高一就在一起，满打满算快4年啦。我们都是很普通的家庭，思想观念都比较传统，女朋友家里管的很严平常没有空出来一起玩，我从高一到毕业，每天上学都会陪她一起（我家离她家不是很近），一如既往。她是那种看起来很文静，但是对朋友很好的人，和她在一起那么久从来没和我要过任何东西，我本身也不
  • 自恋幻觉的ABC 李涛25班
    自恋幻觉的ABC投射性认同是一种孤独的游戏，沉浸在这种游戏中的人，会比一般人更加渴望建立亲密关系，但他们在亲密关系中看不到对方的真实存在，只关注对方是否如自己所愿，按照自己所渴望的方式对待自己。投射性认同的游戏中藏着这样一个句式：“你必须如此，否则……”，这也是一个威胁性信息，完整的表达是：“我以我好的方式对你，你也必须以一种特定的好的方式对我，否则你就是不爱我。”不过，玩这个游戏的人，有时只意识
  • 蛋糕 selfeducation
    早晨，女儿拿了两块蛋黄派，给了我一块，拿了一块给奶奶。并让我俩今天一定要吃掉，这个蛋黄派特别好吃……今天是大年初一，早晨9点多吃完早饭，上午去给太太拜年，中午又忙着请太太吃饭，下午与女几陪小弟弟玩，哪有时间吃蛋黄派？晚上，女儿发现我与奶奶没有吃蛋黄派，还有点生气，又拿个蛋黄派给奶奶，让奶奶明天早晨一定要吃，还特别叮嘱我明天早晨吃，如再不吃，她是要生气的……我安慰女儿说，明天我们一定会吃。奶奶也高兴
  • M5U1 How many？教学反思 白沙小学钟晓丹
    (一)复习导入部分为小狗盖房子的游戏新颖而又别致，牢年吸引了学生的注意力，调动了他们的学习积极性，既复习巩固了颜色单词，又成功导出狗这个单词。(二)新授部分教师将听、说、玩、演、练溶与一体，将本课所学句型放到实际生活中来，单词的教学是先让学生静听、感悟，再让学生轻声模仿，从而让新知真正进入学生脑海中，以达到加深印象的目的。又通过比较的形式，让学生知道cat与cap间的区别，虽然三年级学生不要求会写
  • 回老家第二天 沈怡泽
    今天我看见爷爷和爸爸一起喂猪，我很开心，猪最喜欢吃的是料，今天吃完饭，然后黑天了，我问爷爷吃什么饭？爷爷说，吃涮锅，和萱萱一起吃，我很开心，但是萱萱爸爸说，拿点市场的菜，有糖酥里脊和凉皮，我最喜欢吃的是糖醋里脊，我和轩轩一起吃完了，我和萱萱一起吃了鱼肉，最后我和轩轩去打游戏，我玩一局，他玩一局。第二天也是这样愉快的一天。
  • 2024国内游戏平台排行榜 目前最热门的国内游戏平台推荐 会飞滴鱼儿
    免费在线游戏网站为我们的日常休闲娱乐提供了丰富多样的游戏体验。有些游戏平台相当优质，同时还提供实时动态、活动福利等。现在让我们一起探寻哪些免费在线游戏网站值得你投入时间和精力，沉浸在游戏的世界中，畅玩各种好玩的游戏。2024最火的免费游戏网站排行榜大全───┅┈━━━━━━━━┅┈─────────────Top1──────────游戏名字：游戏豹官网-特点-：手机游戏门户网站日活跃量：1.3w
  • 浪漫时光(徐斌赵雨妍)完整版免费阅读_免费完结版小说浪漫时光徐斌赵雨妍 957ace074429
    《浪漫时光》主角：徐斌赵雨妍，简介：徐斌最近魔塄似得迷上了自己30岁的小妈赵雨妍！关注微信公众号【夏至文馆】去回复个书号【1193】即可阅读小说【浪漫时光】全文内容！！！“我上次路过卫生间，不小心看过!”“呸，尽乱说。我可是他小妈...”刘婉婷这话一说，徐斌的脑子嗡的一声愣在了原地。“啥？让小妈和我做那个事？”徐斌直接在门外直接看得目瞪口呆！小妈赵雨研和婉婷姐竟然玩这种游戏....婉婷姐徐斌还能理
  • 余安的爱情 雅夫子
    余安恋爱了！偷偷的恋爱了！除了杨梅，没人发现她的不一样，因为她平时也活泼无脑的样子，平时也常常跟在叶波的左右，其实只要细心一点都会看出来余安刻意的掩饰这种看似自然的不自然。暑假前的那段日子，叶波带着她几乎把这座城市以及周边的山山水水玩个遍，他满足了她对爱情的所有期待，他们一起在江边作画，一起去废弃的旧城墙下看古迹，一起爬山，游水；他还带着她见过他的几个已经毕了业的混的颇有名堂的师兄，她觉得自己真的
  • 语言是有力量的，它在引导、疏通让你想开点，少想点。 元阿萌
    图片发自App姓名：刘玲敏公司：豹子头服饰【日精进打卡第38天】【知～学习】今日学习：六项精进大纲1遍大学1遍匠人精神30条1遍【行～实践】一、修身：（对自己个人）1.坚持看书。(完成）2.坚持陪女儿看绘本，学习（未完成）3.坚持每天吃早饭。（完成）4.坚持早睡。二、齐家：（对家庭和家人）1.珍惜和家人在一起的每一刻。2.3.做家务4.陪孩子玩三、建功：（对工作)跟进订单事宜新订单的沟通开周会｛积
  • 一线城市没有爱情，只有暧昧 纳米是我呀
    文/纳米思想家老子说一线城市没有爱情，只有暧昧。以前我不信，直到雯子跟我讲了她和李先生的故事。大三，雯子在一家广告公司实习做文案策划，李先生是公司的一个客户，俩人是在一个项目对接中认识的。李先生的成熟稳重、工作努力吸引了雯子，对方也时常路过她工位时说说笑笑逗她玩。雯子觉得他对自己也有好感的吧。大四，雯子回学校写论文答辩处理毕业的事情，她大学在西安。这期间李先生偶尔会找她视频，也问过她好几次什么时候
  • 猜猜他是谁 三文_8ea0
    他有一头乌黑的头发,胖乎乎的脸,圆溜溜的眼睛,眉毛乌黑乌黑的,鼻头尖尖的,耳垂厚厚的，他的身体有一点胖，最有印象的是他每天一下课他就来找我玩。他的爱好是写字,他写的字很工整,得到了老师表扬,我要向他学习。他还喜欢跑步,是个运动达人，我和他玩捉人的时候我总是捉不到他，因为他爱运动,身体棒棒的。我和他都在一个小区里,每次我们做完作业都会一起下楼去玩,有时候我和他下去骑单车，我骑着单车,他就走路,有时候
  • apache 安装linux windows 墙头上一根草 apacheinuxwindows
    linux安装Apache 有两种方式一种是手动安装通过二进制的文件进行安装，另外一种就是通过yum 安装，此中安装方式，需要物理机联网。以下分别介绍两种的安装方式     通过二进制文件安装Apache需要的软件有apr,apr-util,pcre  1，安装 apr        下载地址：htt
  • fill_parent、wrap_content和match_parent的区别 Cb123456 match_parentfill_parent
    fill_parent、wrap_content和match_parent的区别:   1）fill_parent   设置一个构件的布局为fill_parent将强制性地使构件扩展，以填充布局单元内尽可能多的空间。这跟Windows控件的dockstyle属性大体一致。设置一个顶部布局或控件为fill_parent将强制性让它布满整个屏幕。 2） wrap_conte
  • 网页自适应设计 天子之骄 htmlcss响应式设计页面自适应
    网页自适应设计        网页对浏览器窗口的自适应支持变得越来越重要了。自适应响应设计更是异常火爆。再加上移动端的崛起，更是如日中天。以前为了适应不同屏幕分布率和浏览器窗口的扩大和缩小，需要设计几套css样式，用js脚本判断窗口大小，选择加载。结构臃肿，加载负担较大。现笔者经过一定时间的学习，有所心得，故分享于此，加强交流，共同进步。同时希望对大家有所
  • [sql server] 分组取最大最小常用sql 一炮送你回车库 SQL Server
    --分组取最大最小常用sql--测试环境if OBJECT_ID('tb') is not null drop table tb;gocreate table tb( col1 int, col2 int, Fcount int)insert into tbselect 11,20,1 union allselect 11,22,1 union allselect 1
  • ImageIO写图片输出到硬盘 3213213333332132 javaimage
    package awt; import java.awt.Color; import java.awt.Font; import java.awt.Graphics; import java.awt.image.BufferedImage; import java.io.File; import java.io.IOException; import javax.imagei
  • 自己的String动态数组 宝剑锋梅花香 java动态数组数组
    数组还是好说，学过一两门编程语言的就知道，需要注意的是数组声明时需要把大小给它定下来，比如声明一个字符串类型的数组：String str[]=new String[10];    但是问题就来了，每次都是大小确定的数组，我需要数组大小不固定随时变化怎么办呢？  动态数组就这样应运而生，龙哥给我们讲的是自己用代码写动态数组，并非用的ArrayList 看看字符
  • pinyin4j工具类 darkranger .net
    pinyin4j工具类Java工具类 2010-04-24 00:47:00 阅读69 评论0 字号：大中小 引入pinyin4j-2.5.0.jar包: pinyin4j是一个功能强悍的汉语拼音工具包，主要是从汉语获取各种格式和需求的拼音，功能强悍，下面看看如何使用pinyin4j。 本人以前用AscII编码提取工具，效果不理想，现在用pinyin4j简单实现了一个。功能还不是很完美，
  • StarUML学习笔记----基本概念 aijuans UML建模
    介绍StarUML的基本概念，这些都是有效运用StarUML?所需要的。包括对模型、视图、图、项目、单元、方法、框架、模型块及其差异以及UML轮廓。         模型、视与图（Model, View and Diagram）        &
  • Activiti最终总结 avords Activiti id 工作流
    1、流程定义ID：ProcessDefinitionId，当定义一个流程就会产生。 2、流程实例ID：ProcessInstanceId，当开始一个具体的流程时就会产生，也就是不同的流程实例ID可能有相同的流程定义ID。 3、TaskId，每一个userTask都会有一个Id这个是存在于流程实例上的。 4、TaskDefinitionKey和（ActivityImpl activityId
  • 从省市区多重级联想到的，react和jquery的差别 bee1314 jqueryUIreact
    在我们的前端项目里经常会用到级联的select，比如省市区这样。通常这种级联大多是动态的。比如先加载了省，点击省加载市，点击市加载区。然后数据通常ajax返回。如果没有数据则说明到了叶子节点。   针对这种场景，如果我们使用jquery来实现，要考虑很多的问题，数据部分，以及大量的dom操作。比如这个页面上显示了某个区，这时候我切换省，要把市重新初始化数据，然后区域的部分要从页面
  • Eclipse快捷键大全 bijian1013 javaeclipse快捷键
    Ctrl+1 快速修复(最经典的快捷键,就不用多说了)Ctrl+D: 删除当前行 Ctrl+Alt+↓ 复制当前行到下一行(复制增加)Ctrl+Alt+↑ 复制当前行到上一行(复制增加)Alt+↓ 当前行和下面一行交互位置(特别实用,可以省去先剪切,再粘贴了)Alt+↑ 当前行和上面一行交互位置(同上)Alt+← 前一个编辑的页面Alt+→ 下一个编辑的页面(当然是针对上面那条来说了)Alt+En
  • js 笔记 函数 征客丶 JavaScript
    一、函数的使用 1.1、定义函数变量 var vName = funcation(params){ } 1.2、函数的调用 函数变量的调用：      vName(params); 函数定义时自发调用：(function(params){})(params); 1.3、函数中变量赋值 var a = 'a'; var ff
  • 【Scala四】分析Spark源代码总结的Scala语法二 bit1129 scala
    1. Some操作   在下面的代码中，使用了Some操作：if (self.partitioner == Some(partitioner))，那么Some(partitioner)表示什么含义？首先partitioner是方法combineByKey传入的变量， Some的文档说明：   /** Class `Some[A]` represents existin
  • java 匿名内部类 BlueSkator java匿名内部类
    组合优先于继承 Java的匿名类，就是提供了一个快捷方便的手段，令继承关系可以方便地变成组合关系 继承只有一个时候才能用，当你要求子类的实例可以替代父类实例的位置时才可以用继承。   在Java中内部类主要分为成员内部类、局部内部类、匿名内部类、静态内部类。 内部类不是很好理解，但说白了其实也就是一个类中还包含着另外一个类如同一个人是由大脑、肢体、器官等身体结果组成，而内部类相
  • 盗版win装在MAC有害发热，苹果的东西不值得买，win应该不用 ljy325 游戏applewindowsXPOS
    Mac mini 型号: MC270CH-A RMB:5,688   Apple 对windows的产品支持不好,有以下问题:   1.装完了xp,发现机身很热虽然没有运行任何程序！貌似显卡跑游戏发热一样，按照那样的发热量,那部机子损耗很大,使用寿命受到严重的影响!   2.反观安装了Mac os的展示机，发热量很小，运行了1天温度也没有那么高 &nbs
  • 读《研磨设计模式》-代码笔记-生成器模式-Builder bylijinnan java设计模式
    声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/ /** * 生成器模式的意图在于将一个复杂的构建与其表示相分离，使得同样的构建过程可以创建不同的表示（GoF） * 个人理解： * 构建一个复杂的对象，对于创建者（Builder）来说，一是要有数据来源(rawData)，二是要返回构
  • JIRA与SVN插件安装 chenyu19891124 SVNjira
    JIRA安装好后提交代码并要显示在JIRA上，这得需要用SVN的插件才能看见开发人员提交的代码。 1.下载svn与jira插件安装包，解压后在安装包(atlassian-jira-subversion-plugin-0.10.1) 2.解压出来的包里下的lib文件夹下的jar拷贝到(C:\Program Files\Atlassian\JIRA 4.3.4\atlassian-jira\WEB
  • 常用数学思想方法 comsci 工作
      对于搞工程和技术的朋友来讲，在工作中常常遇到一些实际问题，而采用常规的思维方式无法很好的解决这些问题，那么这个时候我们就需要用数学语言和数学工具，而使用数学工具的前提却是用数学思想的方法来描述问题。。下面转帖几种常用的数学思想方法，仅供学习和参考   函数思想 　　把某一数学问题用函数表示出来，并且利用函数探究这个问题的一般规律。这是最基本、最常用的数学方法
  • pl/sql集合类型 daizj oracle集合typepl/sql
    --集合类型 /*   单行单列的数据，使用标量变量   单行多列数据，使用记录   单列多行数据，使用集合（。。。）   *集合：类似于数组也就是。pl/sql集合类型包括索引表（pl/sql table）、嵌套表（Nested Table）、变长数组（VARRAY）等 */ /*     --集合方法 &n
  • [Ofbiz]ofbiz初用 dinguangx 电商ofbiz
    从github下载最新的ofbiz（截止2015-7-13），从源码进行ofbiz的试用 1. 加载测试库 ofbiz内置derby，通过下面的命令初始化测试库 ./ant load-demo (与load-seed有一些区别)   2. 启动内置tomcat ./ant start 或 ./startofbiz.sh 或 java -jar ofbiz.jar &
  • 结构体中最后一个元素是长度为0的数组 dcj3sjt126com cgcc
    在Linux源代码中，有很多的结构体最后都定义了一个元素个数为0个的数组，如/usr/include/linux/if_pppox.h中有这样一个结构体： struct pppoe_tag {     __u16 tag_type;     __u16 tag_len;   &n
  • Linux cp 实现强行覆盖 dcj3sjt126com linux
    发现在Fedora 10 /ubutun 里面用cp -fr src dest，即使加了-f也是不能强行覆盖的，这时怎么回事的呢？一两个文件还好说，就输几个yes吧，但是要是n多文件怎么办，那还不输死人呢？下面提供三种解决办法。 方法一 我们输入alias命令，看看系统给cp起了一个什么别名。 [root@localhost ~]# aliasalias cp=’cp -i’a
  • Memcached(一)、HelloWorld frank1234 memcached
    一、简介 高性能的架构离不开缓存，分布式缓存中的佼佼者当属memcached，它通过客户端将不同的key hash到不同的memcached服务器中，而获取的时候也到相同的服务器中获取，由于不需要做集群同步，也就省去了集群间同步的开销和延迟，所以它相对于ehcache等缓存来说能更好的支持分布式应用，具有更强的横向伸缩能力。 二、客户端 选择一个memcached客户端，我这里用的是memc
  • Search in Rotated Sorted Array II hcx2013 search
    Follow up for "Search in Rotated Sorted Array":What if duplicates are allowed? Would this affect the run-time complexity? How and why? Write a function to determine if a given ta
  • Spring4新特性——更好的Java泛型操作API jinnianshilongnian spring4generic type
    Spring4新特性——泛型限定式依赖注入 Spring4新特性——核心容器的其他改进 Spring4新特性——Web开发的增强 Spring4新特性——集成Bean Validation 1.1(JSR-349)到SpringMVC  Spring4新特性——Groovy Bean定义DSL Spring4新特性——更好的Java泛型操作API  Spring4新
  • CentOS安装JDK liuxingguome centos
    1、行卸载原来的： [root@localhost opt]# rpm -qa | grep java tzdata-java-2014g-1.el6.noarch java-1.7.0-openjdk-1.7.0.65-2.5.1.2.el6_5.x86_64 java-1.6.0-openjdk-1.6.0.0-11.1.13.4.el6.x86_64 [root@localhost
  • 二分搜索专题2-在有序二维数组中搜索一个元素 OpenMind 二维数组算法二分搜索
    1,设二维数组p的每行每列都按照下标递增的顺序递增。 用数学语言描述如下：p满足 (1),对任意的x1，x2，y，如果x1<x2,则p(x1,y)<p(x2,y); (2),对任意的x，y1,y2, 如果y1<y2,则p(x,y1)<p(x,y2); 2,问题： 给定满足1的数组p和一个整数k，求是否存在x0,y0使得p(x0,y0)=k? 3,算法分析： (
  • java 随机数 Math与Random SaraWon javaMathRandom
    今天需要在程序中产生随机数，知道有两种方法可以使用，但是使用Math和Random的区别还不是特别清楚，看到一篇文章是关于的，觉得写的还挺不错的，原文地址是 http://www.oschina.net/question/157182_45274?sort=default&p=1#answers 产生1到10之间的随机数的两种实现方式： //Math Math.roun
  • oracle创建表空间 tugn oracle
    create temporary tablespace TXSJ_TEMP   tempfile 'E:\Oracle\oradata\TXSJ_TEMP.dbf'   size 32m   autoextend on   next 32m maxsize 2048m   extent m
  • 使用Java8实现自己的个性化搜索引擎 yangshangchuan javasuperword搜索引擎java8全文检索
    需要对249本软件著作实现句子级别全文检索，这些著作均为PDF文件，不使用现有的框架如lucene，自己实现的方法如下： 1、从PDF文件中提取文本，这里的重点是如何最大可能地还原文本。提取之后的文本，一个句子一行保存为文本文件。 2、将所有文本文件合并为一个单一的文本文件，这样，每一个句子就有一个唯一行号。 3、对每一行文本进行分词，建立倒排表，倒排表的格式为：词=包含该词的总行数N=行号
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他