06 2019 档案

摘要：废话不多说，先上效果图： 思路： 1.把棋盘分为3部分。上半部分+“楚河汉界文字”+下半部分； 2.上半部分 的翻转平移 == 下半部分 3.分解上半部分；分为：四平八稳矩形框；十字格；米字格 4.分解“楚河汉界”部分；分为：“楚河” -Math.PI 旋转；“汉界”是 Math.PI 旋转 代码： 阅读全文

摘要：效果如图--【最开始想法上走了弯路，计划取10个顶点的坐标值，然而坐标值获取没有规律，转变思路之后，迎刃而解】 思路：1.五角星实际上是 右侧特殊四边形围绕底部顶点的5次旋转；2.五角星是两个不同 radius 同心圆，被等分10份，交点形成顶点之后连线形成的。 解决方法： 找到特殊四边形的4个顶点 阅读全文

摘要：// 提供一个 canvas 入口。内部设置都单独提出来 var canvasWrap = document.getElementById("canvasCode"); rmdCode(canvasWrap); // canvas 作为画布，可以实现很多特殊图形的设定 // 随机字符；随机线条；随机点； function rmdCode(can... 阅读全文

摘要：扁平笑脸。一半一半 fillStyle 不同；先右后左 .flex-column 垂直居中。items 排列格式是从上往下按列排布 阅读全文