CSS画圆半圆扇形三角梯形

关注

原创最新推荐文章于 2026-08-07 10:42:37 发布 172 阅读 AI 写同款· GEO 优化 ›

PWM控制技术+Simulink仿真详解想要理解SVPWM控制技术，首先要了解PWM控制技术。 PWM控制技术就是对脉冲宽度进行调制的技术，通过对一系列脉冲宽度进行调制来等效获得所需要的波形（包括形状和幅值）。 PWM控制的基本原理：冲量（窄脉冲的面积）相等而形状不同的窄脉冲加在具有惯性的环节上时，其效果（输出响应波形）基本相同，即面积等效原理；用一系列幅值相等，宽度按一定规律变化的高频脉冲序列代替期望的输出波形，多用于逆变电路的控制； PWM信号生成的方法有：计算法、调制法、跟踪法，主要对调制法进行详解 ... 阅读详情

半圆

<div class="half-circle"></div>

div {
    width: 100px;
    height: 100px;
    margin: 50px;
    background: red;
}

.half-circle {
    height: 50px;
    border-radius: 50px 50px 0 0;
}

扇形

<div class="sector"></div>

div {
    width: 100px;
    height: 100px;
    margin: 50px;
    background: red;
}

.sector {
    width: 50px;
    height: 50px;
    border-radius: 50px 0 0 0;
    transform: rotate(45deg);
}

三角

<div class="triangle"></div>

div {
    width: 100px;
    height: 100px;
    margin: 50px;
    background: red;
}

.triangle {
	width: 0px;
    height: 0px;
    background: none;
    border: 50px solid red;
    border-color: transparent transparent red transparent;
}

梯形

<div class="ladder"></div>

div {
    width: 100px;
    height: 100px;
    margin: 50px;
    background: red;
}

.ladder {
    width: 50px;
    height: 0;
    background: none;
    border: 50px solid red;
    border-color: red transparent transparent transparent;
}