制作上半圆，实现原理：把高度height设置为宽度width的一半，并且左上角和
原创
2022-12-21 10:23:28
409阅读
效果如图：思路：子绝父相，通过伪元素把一个白色的圆（和背景色相同）放在矩形中心两边。<html> <head> <style> /* top: 50%;left: 50%;， 是以左上角为原点，故不处于中心位置 */ /* transform:translate(-50%,-50%); 作用是，往上（x轴）,左（y轴）移动自身长宽的 50%，以使其居于中心位置。 */ .semi-circle {
原创
2021-09-02 10:02:19
1405阅读
<!-- html部分 --> <div class="a"> <!-- a这个大卡片里边分上下两个卡片，对应上边灰色和下边白色部分 --> <div class="b"></div> <div class="c"></div> </div> /* css部分 */ body{ background ...
转载
2021-08-27 12:10:00
982阅读
2评论
边框圆角的作用 将原始的直角变为圆角 格式如下 border-radius: 100px 0px 0px 0px; 第一个参数：指定左上角的半径，如上的四个参数，按照 左上 / 右上 / 右下 / 左下 的顺序来编写的 如果省略一个参数, 会变成对角的值 <!DOCTYPE html> <html
原创
2021-03-22 19:25:00
2273阅读
最终效果图:
下面两张,是画文字时,用到的字典 最终效果图: storyboard截图: 控制器代码: //
// BasicShapeController.m
// 41_绘图
//
// Created by beyond on
啥也不说先上图，线看效果,代码复制可用第一：在values下创建 attrs.xml，写需要的自定义属性； 第二：在 自定义View第三个构造方法中，获取自定义属性； 第三：重写onMeasure【不是必须的】； 第四：重写onDraw【所有绘制代码都写在onDraw】；一，定义线条宽度，间隔背景颜色，间隔角度，两个textview的属性等<declare-styleable name="R
转载
2024-05-29 02:14:38
56阅读
“半圆套半圆Python”问题是一个有趣且复杂的技术难题，涉及到多个因素的排列组合，尤其在Python编程环境下，具有显著的业务影响。以下是对此问题解决过程的详尽记录。
## 背景定位
在某次系统测试中，用户反馈到“半圆套半圆”的模型在实现过程中出现了明显的性能瓶颈，导致应用响应缓慢，进而影响了用户体验。
> **用户原始反馈：**
> “我们的应用在处理半圆套半圆的形状数据时响应很慢，
# CSS 卡券样式半圆 iOS 不适配
在移动端开发中，经常会遇到不同设备或系统的适配问题。其中，iOS 系统在渲染 CSS 样式时，有时会出现一些奇怪的问题。本文将介绍在 iOS 系统下卡券样式半圆不适配的情况，并给出解决方案。
## 问题描述
在开发过程中，我们经常会用到卡券样式，其中常见的一种是卡券上方为半圆形状。然而，在 iOS 系统上，这种样式可能会出现显示不正常的情况，导致卡券
原创
2024-06-29 04:50:40
29阅读
要实现的效果图如下svg 语法学习可以参考https://developer.mozilla.org/zh-CN/docs/Web/SVG网站上的语法元素参考path元素用来定义形状的通用元素。
下面的命令可用于路径数据：M = movetoL = linetoH = horizontal linetoV = vertical linetoC = curvetoS = smooth curveto
转载
2024-03-14 17:37:27
77阅读
半圆是在圆的基础上得到的，也就是圆的一半。我们可以用几何绘图软件轻松画出圆形和半圆，那么如何给它们进行填色呢？几何画板作为专门用来画图的软件，构造几何图形非常方便。那么对于半圆，该怎么绘制并给它填色呢？下面就一起学习用几何画板给半圆填色的方法。几何画板-Windows：http://wm.makeding.com/iclk/?zoneid=17783几何画板-Mac：http://wm.maked
转载
2023-09-05 22:08:15
271阅读
设置一个长是宽的两倍的长方形，然后根据需要利用border-radius去除两个顶角。实例（画了四个半圆）： 代码：
原创
2022-03-04 10:17:33
565阅读
设置一个长是宽的两倍的长方形，然后根据需要利用border-radius去除两个顶角。实例(画了四个半圆)：代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" c...
原创
2022-09-01 15:31:25
135阅读
今天的工作涉及到一个未知图片大小（图片小于容器大小）的垂直居中的问题。很久之前就“久仰”各种浏览器对css垂直居中的“支持”情况了，比较难搞，完全不像水平居中那样简单。趁有机会就整理了一些情况下的垂直水平居中的情况，给大家和自己做个参考，欢迎指正。 以下例子都经过测试，在ie6、7、8和ff上无兼容性问题。在下面的预览可能会出现问题，大家可以直接把代码拷回本地html文件测试 1、容器大小已定
本周，OPPO发布了全新的OPPO X 2021卷轴屏概念机。由于其搭载了一块伸缩自如、可大可小的无级OLED柔性卷轴屏，使得OPPO在智能手机研发探索领域再进一步。
不过，这并不是OPPO对智能手机唯一的探索方向，在智能手机外观设计领域OPPO一直有着多种思路。
消息显示，今年四月OPPO向WIPO(世界知识产权局)申请了一项名为“终端设备”的专利，随后的
转载
2023-10-30 21:01:36
143阅读
首先要定义盒子的宽和高，只需将 border-radius 设为高度的一半即可实现。.radius{ width: 300px; height: 200px; background: red; border-radius: 100px;}实现效果：
原创
2021-06-07 17:12:51
2709阅读
# 如何实现“半圆Python”
在学习如何实现“半圆Python”之前，我们首先需要理解整个制作过程的各个步骤。以下是实现半圆的完整流程。
## 实现步骤
| 步骤 | 描述 | 代码示例 |
|------|------------------------------|--------------
实现 "arkui 半圆" 的过程可以分为以下几个步骤：
1. 创建 HTML 页面：首先，我们需要创建一个 HTML 页面来展示半圆。可以使用以下代码创建一个简单的 HTML 页面，并在其中添加一个画布元素来绘制半圆。
```html
ArkUI 半圆
canvas {
border: 1px solid black;
原创
2024-01-10 00:23:17
144阅读
