【HtmlC++MatlabPython】那些调皮有灵魂的代码

最新推荐文章于 2022-02-28 19:15:42 发布
最新推荐文章于 2022-02-28 19:15:42 发布
阅读量262 收藏
点赞数
分类专栏： html python win10 openmv adobe arduino Matlab 机械自动化 技术第一 吟唱
版权声明：本文为博主原创文章，遵循 CC 4.0 BY 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_42807924/article/details/84672774
版权
机械自动化 同时被 3 个专栏收录
21 篇文章 10 订阅
订阅专栏
arduino
11 篇文章 7 订阅
订阅专栏
openmv
9 篇文章 8 订阅
订阅专栏

html心形。

<!DOCTYPE html>
<html>
<head>
	<title>♥</title>
	<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
	<script type = "text/javascript">
		var limit = 300;
		var unit = 200;//心形线单位一
		var width = 800,
			height = 600;
		var ctx = null;
		var balls = [];
		var side = [];
		function inHeart(b){
			//(x ^ 2 +ｙ^ 2 - 1) - x ^ 2 * y ^ 3 == 0，心形函数
			var x = b.x / unit;
			var y = -b.y / unit;//因为坐标y轴是向下的
			var part = x * x + y * y - 1;
			return (part * part * part < x * x * y * y * y);
		}
 
		function randomColor(){
			var x = Math.floor(Math.random() * 155) + 100;
			var y = Math.floor(Math.random() * 155) + 100; 
			var z = Math.floor(Math.random() * 155) + 100;
			return "rgb(" + x + "," + y + "," + z + ")";
		}
 
		function createBall(){
			return {
				x : (Math.random() - Math.random()) * width * 0.1,
				y : (Math.random() - Math.random()) * height * 0.2 - height * 0.1,
				vx : (Math.random() - Math.random()) * 7,
				vy : (Math.random() - Math.random()) * 7,
				r : Math.random() * 5,
				color : randomColor()
			}
		}
 
		function init(){
			var cvs = document.createElement("canvas");
			cvs.width = width;
			cvs.height = height;
			ctx = cvs.getContext("2d");
 
			ctx.translate(width / 2, height / 2);
 
			document.body.appendChild(cvs);
 
			for(i = 0; i < limit; i++){
				balls.push(createBall());
			}
			for(i = 0; i < limit / 5; i++){
				side.push(undefined);
			}
		}
 
		function drawBall(ctx, ball){
			ctx.fillStyle = ball.color;
			ctx.beginPath();
			ctx.arc(ball.x, ball.y, ball.r, 0, Math.PI * 2, false);
			ctx.closePath();
			ctx.fill();
		}
 
		function start(){
			document.body.removeChild(document.getElementById("start"));
 
			setInterval(function(){
				ctx.fillStyle = "rgba(0, 0, 0, 0.3)";
				ctx.fillRect(-width / 2, -height / 2, width, height);
				for(i in balls){
					var b = balls[i];
					drawBall(ctx, b);
					b.x += b.vx;
					b.y += b.vy;
					if(!inHeart(b)){
						side[Math.floor(Math.random() * side.length)] = balls[i];
						balls[i] = createBall();
					}
				}
 
				for(var i in side){
					var b = side[i];
					if(b != undefined){
						drawBall(ctx, b);
					}
				}
			}, 33);
		}
	</script>
</head>
<body onload = "init();">
	<button id = "start" onclick = "start();">click me!</button>
	<br />
</body>
</html>

在这里插入图片描述

云敬山
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
.html页面如何加入c标签,C标签如何使用
weixin_39733812的博客
06-09 2986
1.JSP标准标签库首先下载jstl-1.2.jar包如下图所示解压文件夹下的METN-INF下的tld文件如下所示：将这几个文件报错在WEB项目中WEB-INF下面，在demo1.jsp页面输入如下所示启动服务器即可进行输出Hellofff Mary！若不想导入则可在web.xml中设置，代码如下：xmlns="http://java.sun.com/xml/ns/javaee"xmlns:xs...
将HTML表数据获取到MATLAB中：识别表并以交互方式选择要引入MATLAB的数据。-matlab开发
06-01
通过 MATLAB Web 浏览器识别和交互选择表格，并将数据作为元胞数组导入 MATLAB。
调皮的代码：打印什么
A2268320026的专栏
04-09 461
var tmp = new Date(); function f(){ console.log(tmp); if(false){ var tmp = "hello world"; } } 输出结果为 undefined，原因：js的生命提升。 console.log(1 输出结果为 true console.log)(1>2>3) 输出结果为 false
html与css 知识总结
余笙.'的博客
02-28 2847
HTML html结构 HTML结构由<html>、<head>、<body>等几部分组成 html>:定义整个html文档 head>:包含所有头部标签 在 <head>元素中你可以插入脚本（scripts）, 样式文件（CSS），及各种meta信息。 可以添加在头部区域的元素标签为: <title>, <style>, <meta>, <link>, <script>, &
H ttpServletRequest只是个接口---HTMLC处理
hjjk123的专栏
04-01 1090
   H ttpServletRequest接口是继承自ServletRequest接口的。增加了和HTTP相关的一些方法。而所谓的request（在JSP中使用的）其实只是规范中的一个名称而已。它当然是一个对象，但并不是SUN提供的，这是由各个不同的Servlet提供商编 的，SUN只是规定这个类要实现HttpServletRequest接口，并且规定了各个方法的用途，但具体是什么类是由各个提供
pyminer2.0+国产开源MATLAB2.0
09-01
因此，PyMiner采用了“低代码、图形化”的思想，在界面上集成了科学计算的常用功能，相当于用图形化的方式来编写Python代码。比如，点击“矩阵乘法”按钮，选择两个矩阵变量，就可以获得矩阵相乘的结果，无需编写...
html+css+js+python(QtWebEngineWidgets) 实现微信聊天界面-包括时间，文件，纯文本等
06-25
下载标题即为文章名， 如果没有下载机会可以去...html+css+js+python(QtWebEngineWidgets) 实现微信聊天界面-包括时间，文件，纯文本等 `PyQt5` 和 `html` 双向通信 python负责网络通信和API(html没有python照样可以)
Python+前端html、css美化综合+博客首页网页搭建
05-14
通过搭建项目的方式熟悉Python搭建前端的知识 适用于在对前端开发学习的伙伴，通过示例代码的方式理解和记忆相关知识 并投入到实际中进行运用 资源包括前端html基本所有标签的运用， 同时有css选择器运用、浮动运用...
html5+css3+JS代码
05-22
在本篇文章中，我们将深入探讨这三种技术的详细知识点，并结合《精通html5+css3+JavaScript页面设计》这本书中的实践代码进行说明。 首先，HTML5（超文本标记语言第五版）是描述网页内容的标准语言。它引入了许多新...
web+python+manage+html
最新发布
12-29
在HTML管理方面，Python有BeautifulSoup、lxml等库用于解析和操作HTML文档。这些库可以方便地查找、提取或修改HTML元素，对于网页爬虫或自动化测试非常有用。此外，Python还可以与JavaScript库如jQuery、AngularJS等...
网页中调用matlab,HTML+CSS入门 如何调用Matlab程序
weixin_35615495的博客
03-19 1891
本篇教程介绍了HTML+CSS入门 如何调用Matlab程序，希望阅读本篇文章以后大家有所收获，帮助大家HTML+CSS入门。<本环节需要准备JDK和JAVA编译器以及部署项目服务器，本节使用Eclipse和Tomcat。1、创建web工程，工程中需要引入javabuild.jar和Matlab函数的JAR包，直接放到lib里2、下面进行对Matlab函数Math.jar进行调用，分...
HTML解析-第二版（C/C++）
HMM7E的专栏
12-14 1万+
背景： 基于某些不着边际想法，只为取得HTML页面上的所有“URL”和“文本”，其它的内容都不在关心之列。 问题： 对于“文本”搜索，如果搜索了除英文以外的语言还好说些，如果要搜索的内容是英文本， 那么就难以区分是“标记”还是“本文”了。对于“URL”的搜索，因为“标记”就是英文， 这样就绕回到“对于‘文本’搜索”。另外字母的大小写，被转义的字符，引号，尖括号，都得处理。 例如： csdn 想要
matlab生成html调用flash示例
一叶扁舟的专栏
09-29 4010
将htmlwrite.zip 解压后，并将上面flash放在该文件夹中，主要有四个m文件，run_web.m主要示例文件。html_table.m生成表格web,html_script.m生成table链接web,html_myflash.m 生成调用flash的webmhhhrun_web.m%test colheads = {Jan, Feb, Mar,
值得学习的开源web项目
调皮的写代码
06-29 8492
一、vue开源项目    饿了么模仿：https://github.com/bailicangdu/vue2-elm    
HTML常用标签（c类）
qq_34460386的博客
11-14 4472
1.定义图形 var canvas=document.getElementById('canvas_name'); var ctx=canvas.getContext'(2d)';这段代码html5的内建对象，可以进行画的操作 ctx.fillStyle='color'; ctx.fileRect=‘0,0,num,num’规定形状和大小 属性有height规定高度width
c语言代码表白_C语言调皮弹窗表白代码，皮一下
weixin_39731623的博客
11-29 1537
如果，爱一个人，守一份爱情，可以在早春一起去踏青，可以在盛夏一起去赏荷，可以在浅秋一起去观月，可以在深冬一起去寻梅，不厌倦，却欢乐，不平凡，却平淡。那么，此生便无憾了。源码msgbox "做我女朋友好吗",vbQuestion,"在吗"msgbox ("房产写你名字")msgbox ("小仙女")msgbox ("我妈会游泳")dim jdo while j<1Select Cas...
【SolidWorks插件】 凯元工具(KYTool)
热门推荐
云敬山
08-23 2万+
汗洒大地机电人 凯元工具(KYTool)SolidWorks插件(64位和32位) 是一款集查询、设计、转换、BOM、三维模型库为一体的SOLIDWORKS工具集，即可独立使用，又可嵌入到SOLIDWORKS中以插件的方式使用。凯元工具面向国内机械设计人员，集成了机械设计手册中很多功能，方便设计者在使用三维软件绘图过程中实时查询数据和生成三维模型。 链接：http://www....
html+css+js登录和Python做后端
03-31
作为AI助手，我可以为您提供一些关于使用HTML、CSS、JS进行前端登录和使用Python做后端的基本信息。 1. HTML、CSS、JS登录 HTML、CSS、JS是用于Web开发的三种基础语言，其中HTML用于定义Web页面的内容结构，CSS用于定义页面的样式和布局，JS则用于实现页面的交互效果和动态效果。 在Web开发中，登录功能是非常常见的一个功能，下面是一个使用HTML、CSS、JS实现登录的示例： HTML代码： ```html <form> <label for="username">用户名：</label> <input type="text" id="username" name="username"><br><br> <label for="password">密码：</label> <input type="password" id="password" name="password"><br><br> <input type="button" value="登录" onclick="login()"> </form> ``` CSS代码： ```css form { width: 300px; margin: 0 auto; text-align: center; } label { display: inline-block; width: 80px; text-align: right; } input[type="text"], input[type="password"] { width: 150px; height: 20px; margin: 5px; padding: 5px; border-radius: 5px; border: 1px solid #ccc; } input[type="button"] { width: 100px; height: 30px; margin-top: 10px; border-radius: 5px; border: none; background-color: #007acc; color: #fff; } input[type="button"]:hover { background-color: #005c99; cursor: pointer; } ``` JS代码： ```javascript function login() { var username = document.getElementById("username").value; var password = document.getElementById("password").value; if (username == "admin" && password == "123456") { alert("登录成功！"); } else { alert("用户名或密码错误！"); } } ``` 2. Python做后端 Python是一种高级编程语言，广泛用于Web开发、数据分析、人工智能等领域。在Web开发中，Python可以用于实现后端服务，处理前端发送的请求并返回相应的数据。 下面是一个使用Python实现登录功能的示例： Python代码： ```python from flask import Flask, request, jsonify app = Flask(__name__) @app.route("/login", methods=["POST"]) def login(): username = request.form["username"] password = request.form["password"] if username == "admin" and password == "123456": return jsonify({"code": 200, "msg": "登录成功！"}) else: return jsonify({"code": 400, "msg": "用户名或密码错误！"}) if __name__ == "__main__": app.run() ``` 在这个例子中，我们使用了Flask框架来实现后端服务，定义了一个/login接口，并在接口中处理了前端发送的请求，判断用户名和密码是否正确，并返回相应的信息。通过这种方式，前端和后端可以实现数据的交互和处理，从而实现完整的Web应用程序。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值