geometry 相关问题

我正在尝试制作三叶草晶体以供以后制造，并使用纳斯卡设计工具来完成它。如何放置梯形，使梯形的边与圆平行...

python matplotlib geometry trigonometry

回答 1 投票 0

有2个区域（java.awt.geom.Area）area1和area2。我需要验证area2是否在area1内？（区域 1 包含区域 2）。我努力了： areaDelta = (Area)area1.clone(); areaDelta.add(area2); 重新...

java geometry polygon area

回答 2 投票 0

将 skewX 和 skewY 转换为倾斜角度和倾斜长度

我正在解析变换 skewX 和 skewY 以输出倾斜角度和倾斜长度 - 均以度为单位。我所拥有的是这样的：常量handleSkew = ({ 偏斜X，倾斜， }：只读<{ skewX: number, skewY: num...

javascript geometry transform skew

回答 1 投票 0

如何确定一个矩形是否完全包含在另一个矩形内？

我有一个重叠矩形的理论网格，可能看起来像这样：但我所要做的只是矩形对象的集合： var shape = new List();

c# .net geometry

回答 5 投票 0

用于确定向量 3d 相等性和向量 3d 长度的容差

我使用tolerance=1e-10来检查两个3d向量是否相等，使用以下函数is_same： bool is_same(const vector3d& x, const vector3d& y) { var delta = x-y; 返回 delta.le...

c++ geometry

回答 1 投票 0

当连接中心的线更新时计算新的矩形中心

这是一个 SVG 应用程序。我有一条具有 centerPoint、startPoint、endPoint 和 angle 属性的线。我有一个具有中心点、宽度和高度的矩形。由此我可以计算出四个

javascript math svg geometry

回答 1 投票 0

包含文本的 CSS 三角形

我手头有一个奇怪的问题，我正在努力寻找解决方案。我仅使用 CSS 创建了一个三角形 “容器”，但我现在想要的是在内插入一些文本我手头有一个奇怪的问题，我正在努力寻找解决方案。我仅使用 CSS 创建了一个三角形 <div>“容器”，但我现在想要的是在容器内插入一些文本。我想要的解决方案必须将文本包含在三角形的边界内，无论我要创建缩略图时插入多少文本。可以在here找到示例[注意；这个例子非常基本，只展示了我选择创建三角形的方式] 再往前推一点，我想创建一个面朝上的三角形和一个面朝下的三角形，并且文本必须位于每个三角形的底部，因此对于第一个三角形，文本将位于底部，第二个三角形的文本将位于底部。顶部，B 计划只是将文本在三角形内垂直和水平居中。 CSS： .up { text-align:right; width: 0px; height: 0px; border-style: inset; border-width: 0 100px 173.2px 100px; border-color: transparent transparent #007bff transparent; float: left; transform:rotate(360deg); -ms-transform:rotate(360deg); -moz-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg); } HTML： <div class="up"> <p>some information text goes here<p> </div> 对于你的B计划（将文本在三角形内垂直和水平居中），我更喜欢作为解决方案，你可以添加以下CSS规则： .up p { text-align: center; top: 80px; left: -47px; position: relative; width: 93px; height: 93px; margin: 0px; } 在这里尝试一下： .up { width: 0px; height: 0px; border-style: inset; border-width: 0 100px 173.2px 100px; border-color: transparent transparent #007bff transparent; float: left; transform: rotate(360deg); -ms-transform: rotate(360deg); -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); } .up p { text-align: center; top: 80px; left: -47px; position: relative; width: 93px; height: 93px; margin: 0px; } <div class="up"> <p>some information text goes here <p> </div> 在 JSFiddle 上查看无论有多少文本，如何将文本放入三角形内？据我所知，仅靠 CSS 是不可能的。无法容纳的文本将会溢出，您需要使用 Javascript 相应地调整字体大小以适应所有文本。但是假设您希望将合理数量的文本放入直角三角形内（底边在左侧，指向右侧），这里有一种方法：创建一个具有固定宽度和高度的容器来容纳文本和形状。在容器内，创建两个向右浮动的 div。每个的宽度为 100%，高度为 50%，形状轮廓和剪辑路径为多边形。为这些 div 提供类似于渲染页面背景的背景颜色。这个想法是，这两个 div 之外的部分将采用我们正在寻找的三角形形状。在 CSS 中，元素都是矩形，无论你是否意识到。这不是画三角形。这是关于创建暗示三角形的相邻元素。希望这是有道理的。 .main { width: 400px; height: 200px; position: relative; background: peachpuff; } .top, .bottom { width: 100%; height: 50%; background: white; } .top { -webkit-shape-outside: polygon(0% 0, 100% 0%, 100% 100%); shape-outside: polygon(0% 0, 100% 0%, 100% 100%); float: right; -webkit-clip-path: polygon(0% 0, 100% 0%, 100% 100%); clip-path: polygon(0% 0, 100% 0%, 100% 100%); } .bottom { height: 50%; float: right; bottom: 0; clip-path: polygon(0% 100%, 100% 100%, 100% 0%); shape-outside: polygon(0% 100%, 100% 100%, 100% 0%); } <div class="main"> <div class="top"></div> <div class="bottom"></div> <p> When should one use CSS versus SVG? Use CSS for simple shapes. HTML elements are rectangles, so all you are doing is creating an illusion of shapes. Sometimes this can become a deep rabbit hole. Instead, use SVG for complex shapes. </p> </div> 使用 shape-outside CSS 属性来定义代码应围绕的区域。 .main { width: 100%; height: 200px; position: relative; background: blue; } .left, .right { width: 50%; height: 100%; background: white; } .left { shape-outside: polygon(0% 0, 0% 100%, 100% 0%); clip-path: polygon(0% 0, 0% 100%, 100% 0%); float: left; } .right { shape-outside: polygon(0 0, 100% 0, 100% 100%); clip-path: polygon(0 0, 100% 0, 100% 100%); float: right; } p { text-align: center; } <div class="main"> <div class="left"></div> <div class="right"></div> <p> A saepe natus ad incidunt libero in eligendi consequatur non libero commodi aut ullam ullam non voluptas aliquid. Vel culpa atque sit. </p> </div>

html css text geometry

回答 3 投票 0

如何构造这个二维几何星座的二元图

给定 R 中的一些 x0 和 R^2 中的非水平随机线段，这些线段不相交并且成对地在其端点中不共享相同的 y 值，我想（有效地）构造一个二元图

charts tree geometry computational-geometry

回答 1 投票 0

Octave中如何判断一个点是否属于参数曲线？

我有一个“花”的参数方程： x(t) = (r+cos(nlep*t))cos(t), y(t) = (r+cos(nlep*t))sin(t) 其中 nlep 是花瓣数，r - 半径。我想创建一个弹跳的轨迹（

matlab geometry octave

回答 1 投票 0

Python：从一条二维线中减去另一条线

问题我需要计算两条线之间的差异（即从另一条线中减去一条线），这应该会产生一条输出线。输入线和输出线可能包括垂直线