圆要以左上角为原点，要怎么计算

如果你想让圆以屏幕的左上角作为坐标系的原点，并且基于这个原点来计算圆的位置、大小或中心坐标，你需要考虑的是将实际位置转换到这个新的参考系。

1. **圆的位置**：如果你有一个圆的绝对位置(x, y)，你可以通过减去屏幕宽度和高度的一半（因为左上角是(0, 0)，而屏幕宽度和高度分别是x轴和y轴的最大值）来得到在新坐标系下的相对位置。

   x_screen = x - (屏幕宽度 / 2)
   y_screen = y - (屏幕高度 / 2)

2. **圆的直径**：直径在屏幕坐标系下不变，因为它是从圆心到边缘的距离，不受坐标变换影响。

3. **圆心坐标**：如果圆心的坐标是(x_center, y_center)，则同样需要做上述的坐标调整。

   center_x_new = x_center - (屏幕宽度 / 2)
   center_y_new = y_center - (屏幕高度 / 2)

4. **绘图**：在编程中绘制图形时，通常会根据屏幕坐标绘制，所以直接使用`center_x_new`和`center_y_new`作为图形的中心点即可。

相关问题

数控铣床程序设计画一个正方形16mmx16mm，在正方形里面加个半圆，以圆的圆心为原点

数控铣床程序设计通常使用G代码语言来描述加工路径。对于这个需求，我们可以分步骤来编写：

首先，设定工件坐标系并创建16mm x 16mm正方形的轮廓：

G90 (绝对坐标模式)  
G21 (毫米单位)  
X0 Y0 (设置起始位置，假设为工件左上角)
F100 (选择切削速度，例如100mm/min)

; 正方形边长
M03 S180 (旋转主轴到水平方向，这里设为顺时针)
G1 X16 Y0 F100 (右下角)
G1 X0 Y16 F100 (回到左上角)
G1 X16 Y16 F100 (右下角)
G1 X0 Y0 F100 (回到起点)

接下来，绘制半径为8mm的半圆（圆心在正方形中心）：

G0 G43 H01 Z0 (切换到直径编程，并设定Z轴为圆的深度)
G90
G54 T1 M06 (切换到工具1，如果已经预装好钻头)
G0 X8 Y8 (移动到圆心)
G0 Z-8 J0 F100 (第二段切槽，从圆心向正方形边缘)

注意：上述代码是一个简化示例，实际操作中需要考虑进给、刀具补偿、安全距离等因素，并结合具体的机床指令和软件来编写。

左上角朝上弯曲，右上角朝下弯曲，整体div平行并不旋转，如何实现

要实现左上角朝上弯曲，右上角朝下弯曲，整体 div 平行不旋转的效果，可以使用 `::before` 伪元素和 `::after` 伪元素来模拟左上角和右上角的形状。具体实现步骤如下：

1. 首先，将 div 元素的 `border-radius` 属性设置为 0，将其四个角都变成直角。

2. 然后，使用 `::before` 伪元素和 `::after` 伪元素分别模拟左上角和右上角的形状。具体来说，可以将 `::before` 伪元素设置为一个倾斜的矩形，再使用 `border-radius` 属性设置左上角的圆角程度。同样地，将 `::after` 伪元素设置为一个倾斜的矩形，再使用 `border-radius` 属性设置右上角的圆角程度。例如：

div {
  position: relative;
  width: 200px;
  height: 100px;
  background-color: #ccc;
  border-radius: 0;
}

div::before,
div::after {
  content: "";
  position: absolute;
  top: 0;
  width: 50%;
  height: 100%;
  background-color: #ccc;
}

div::before {
  left: 0;
  transform: skew(-20deg);
  transform-origin: top right;
  border-top-left-radius: 20px;
}

div::after {
  right: 0;
  transform: skew(20deg);
  transform-origin: top left;
  border-top-right-radius: 20px;
}

上述代码中，`::before` 伪元素和 `::after` 伪元素都被设置为绝对定位，宽度为 div 元素的一半，高度为 div 元素的高度。`::before` 伪元素使用 `transform: skew(-20deg)` 将其倾斜并向左上角倾斜，使用 `transform-origin: top right` 设置其变换的原点为右上角，再使用 `border-top-left-radius` 属性设置左上角的圆角程度。`::after` 伪元素同理，使用 `transform: skew(20deg)` 将其倾斜并向右上角倾斜，使用 `transform-origin: top left` 设置其变换的原点为左上角，再使用 `border-top-right-radius` 属性设置右上角的圆角程度。

这样就可以实现左上角朝上弯曲，右上角朝下弯曲，整体 div 平行不旋转的效果了。