话不多说,直接上代码: HTML代码部分: 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>太极八卦图案例</title> 6 <link rel="stylesheet" type="text/css" h ...
分类:
Web程序 时间:
2020-06-26 18:25:32
阅读次数:
58
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <canvas id="canvas" width="800px" height="800px"></canvas> <script ...
分类:
其他好文 时间:
2018-12-10 20:53:13
阅读次数:
210
太极八卦图,以同圆内的圆心为界,画出相等的两个阴阳鱼表示万物相互关系。阴鱼用黑色,阳鱼用白色,这是白天与黑夜的表示法。阳鱼的头部有个阴眼,阴鱼的头部有个阳眼,表示万物都在相互转化,互相渗透,阴中有阳,阳中有阴,阴阳相合,相生相克,即现代哲学中和矛盾对立统一规律表示法。 哈哈,装了个逼。其实我就是想教 ...
分类:
其他好文 时间:
2018-04-07 16:10:19
阅读次数:
137
之前用canvas绘制了八卦图, 今天用canvas绘制的验证码, 很多地方都会用到, 记录下来 ,以后可以直接用 用到的方法 矩形 canvas.getContext('2d'); //构建绘图环境 canvas.clearRect(x,y,w,h); //清空之前绘制的矩形,释放空间 canva ...
分类:
其他好文 时间:
2018-03-14 18:46:29
阅读次数:
193
绘制要点: 1.getContext('2d'); -->绘图环境,2维空间 2.fillRect(x,y,w,h); -->矩形:实心(黑色背景) 3.strokeRect(x,y,w,h); -->矩形:空心(白色背景) 4.clearRect(x,y,w,h); -->矩形:在已存在的矩形中挖 ...
分类:
其他好文 时间:
2018-03-09 14:06:19
阅读次数:
205
某天突然遇到一个有趣的面试题,需用CSS实现一个宝马的Logo,第一反应就是这不是老生常谈的八卦图的小变形吗,只需用伪元素就可轻易的实现啦,但是细看要求说只能在一个标签里写样式,所以呜呜呜。。。请教下大神,还是有多种方法的,下面简单分享一下哈! 实现如下效果: 第一种:利用伪元素实现 第二种:利用b ...
分类:
Web程序 时间:
2017-10-16 21:41:05
阅读次数:
219
根据用户的输入确定是哪一卦,哪一爻。 下面的代码是如何在控制台打印八卦图: 高亮:代表算出的爻。下载完整的代码:https://github.com/wangqiang3311/mywork ...
分类:
其他好文 时间:
2017-07-06 12:15:41
阅读次数:
239
这类的东西网上一搜就是大把的,看着比较空旷的博客,所以自己也来写一个。 ...
分类:
Web程序 时间:
2017-07-01 16:15:21
阅读次数:
162
人类惯常使用十进制,莱布尼茨提出了可供计算机内部使用的二进制,但是据传莱布尼茨提出二进制的灵感是来自中国的八卦图。 一、进制的转换: 十进制 D 二进制 B 八进制 O 十六进制 H 进制转换有两种: 任意进制转换为十进制:按权展开为多项式 101.01B = 1*2^2 + 0*2^1 + 1*2 ...
分类:
其他好文 时间:
2017-03-19 23:51:16
阅读次数:
218