12 2020 档案

通过数学模型用CSS绘制以色列国旗
摘要：以色列国旗长度为220厘米X160厘米，白色背景。两条25厘米宽的水平蓝色条纹放在距边缘15厘米处。大卫之盾由两个相交的等边三角形组成，位于旗帜的中央。它的高度为69厘米，每边长60厘米，宽度为5.5厘米。条纹和星星的颜色范围可以从蓝色到耶鲁蓝色。“大卫盾”在旗帜中与四方边沿等距。 初步观察到，绘制 阅读全文
posted @ 2020-12-17 18:28 请叫我二狗哥 阅读(945) 评论(0) 推荐(0)
通过数学模型用CSS绘制土耳其国旗
摘要：根据百度百科中土耳其国旗的相关绘制数学关系式： 字母 含义 长度 G 宽 1 A 新月外边构成的圆（后称外圆）的圆心和接缝的距离 1/2 G B 外圆的直径 1/2 G C 外圆的直径和新月内边构成的圆（后称内圆）的直径的距离 1/16 G D 内圆直径 2/5 G E 内圆最左端和星的五个角构成的 阅读全文
posted @ 2020-12-16 18:25 请叫我二狗哥 阅读(700) 评论(0) 推荐(0)
通过数学模型CSS绘制捷克国旗
摘要：按照要求捷克国旗： 1、捷克国旗呈长方形，长宽之比为3：2。旗面由蓝、白、红三色组成。 2、构成旗帜中，左侧为蓝色等腰三角形。右侧是两个相等的梯形，上白下红。 3、在用CSS绘制时，旗帜长度为300px。 分析：这个图形相当于CSS绘制三角形的一个简单变种,采用border进行实现三角形，超出部分为 阅读全文
posted @ 2020-12-16 18:19 请叫我二狗哥 阅读(736) 评论(0) 推荐(0)
通过构建数学模型用CSS绘制美国星条旗
摘要：美国星条旗绘制比例示意图如下： 根据美国法典目录相关绘制比例资料数据： 美国国旗高度：A=1.0； 美国国旗宽度：B=1.9； 蓝色部分高度：C=0.5385（7/13,7条间纹的高度）； 蓝色部分宽度：D=0.76（1.9x2/5，五分之二的国旗宽度）； E=F=0.0538(C/10，蓝色部分高 阅读全文
posted @ 2020-12-15 18:55 请叫我二狗哥 阅读(904) 评论(0) 推荐(0)
通过CSS绘制五星红旗
摘要：任务要求： 1、创建一个div作为红旗旗面，用CSS控制其比例宽高比为3:2，背景为红色。 2、再创建五个小的div，用CSS控制其大小和位置。 3、用CSS同时控制每个小div的大小、边框和位置，同时配合旋转，使其与父元素组成五角星。 4、分别用CSS控制每个五角星的平移、旋转和缩放，直到五角星的 阅读全文
posted @ 2020-12-10 12:50 请叫我二狗哥 阅读(2166) 评论(0) 推荐(0)
CSS绘制正五角星原理（数学模型）
摘要：尽管网上有很多CSS绘制五角星的代码案例，但是对于初学者来说可以拿来移植使用，但是在不明白其原理的情况下，进行修改移植就比较困难了。譬如想要将五角星尺寸进行缩小或者放大等设计，就需要对原代码相关数据进行修改。如果不清楚代码实现时的原理，就无法对代码的各项数据进行正确的改动维护。和CSS绘制三角形的原 阅读全文
posted @ 2020-12-10 12:45 请叫我二狗哥 阅读(3116) 评论(0) 推荐(1)
JS案例：质数判断、质因数分解、两个正整数的最大公因数和最小公倍数
摘要：JavaScript示例：1、判断一个数是否是质数的函数；2、编写一个可以对任意自然数进行质因数分解的函数；3、编写代码要求可以求两个正整数的最大公因数以及最小公倍数。通过对699、996进行质因数分解以及求两者的最大公约数和最小公倍数验算编程是否正确吧。 699=3x233；996=2x2x3x8 阅读全文
posted @ 2020-12-04 18:00 请叫我二狗哥 阅读(1166) 评论(0) 推荐(0)
CSS案例：实现书页任意折角效果
摘要：书页任意角度折角效果示意图 <div class='note'> 欢迎来到二狗哥的博客，HTML、CSS、JavaScript等前端代码研究，你我共勉！ </div> 代码编程要求： 1、折线与上边缘构成角度为30°；2、背景颜色色标#6d98bd，折角部分色标#577b98；3、为增加逼真效果，需 阅读全文
posted @ 2020-12-02 18:24 请叫我二狗哥 阅读(1782) 评论(0) 推荐(0)