小编use*_*321的帖子

SVG Circle Stroke Origin

我在描述这个问题时遇到了麻烦,但是这里有:

我正在尝试创建一个SVG圈子进度条,我找到了一个完美的例子,我想要做什么而没有像snap这样的第三部分库:

http://codepen.io/JMChristensen/pen/Ablch

问题是我在改变中风起源方面遇到了实际问题.正如您所知,如果您尝试一下,原点就在右侧.我需要它来自顶部.

现在,我是一名开发人员,所以我已经尝试过自己,但我不能为我的生活找到方法.如果我更改stroke-dasharray属性,则笔划将与stroke-dashoffset中设置的百分比不匹配.

我理解这一切都归结为使用stroke-dasharray值的数学,但我不太明白该怎么做.

dashoffset的计算方式如下:

                var pct = ((100-val)/100)*(Math.PI*(r*2));
Run Code Online (Sandbox Code Playgroud)

并且它与标准dasharray值565.48之间必须存在某种相关性.在任何地方都没有提到它.

javascript geometry svg

5
推荐指数
1
解决办法
2366
查看次数

如何使用纯CSS在div上创建内部和外部三角形?

我刚刚遇到CSS Arrow请帮我创建CSS三角形.但是,这还不够.它只创建一个外部箭头,而我也想创建内部三角形.

目标结果

以上就是在Photoshop中创建的.我能够使用CSS Arrow Please创建第一个能够,然后硬(呃)部分出现.如何创建包含外部(右对齐)和内部(左对齐)箭头的块,其中最后一个箭头仅包含内部(左对齐)箭头.

结果应该是a可点击的过程链.

要创建第一个,这是CSS

.arrow_box:first-child {
    position: relative;
    background: #1abc9c;
    border: 5px solid #16a085;
}

.arrow_box:first-child:after, .arrow_box:first-child:before {
    left: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.arrow_box:first-child:after {
    border-color: rgba(26, 188, 156, 0);
    border-left-color: #1abc9c;
    border-width: 16px;
    margin-top: -16px;
}
.arrow_box:first-child:before {
    border-color: rgba(22, 160, 133, 0);
    border-left-color: #16a085;
    border-width: 23px;
    margin-top: -23px;
}
Run Code Online (Sandbox Code Playgroud)

但随后我的问题出现了:我将如何创建另外两个?

谢谢!

css geometry css-shapes

5
推荐指数
1
解决办法
1274
查看次数

是否可以在 Google 地图范围内获取 Photo Sphere 照片

有没有办法使用 Google 地图 API 获取可用的 Photo Sphere 照片(在地图范围内)?

我正在尝试构建一张像此处这样的地图,但无法弄清楚从哪里获取照片球数据,或者如果有可能的话 - 除了标准街景内容之外,在文档中找不到任何内容。

编辑:我确实知道可以通过它们来获取单个照片球pano_id,但需要一种更有效的方法将一堆照片放到我的地图上。手动创建pano_id集合不是一种选择。

google-maps google-maps-api-3 photosphere

5
推荐指数
0
解决办法
216
查看次数

CSS创建带有弯曲边缘的等腰三角形

我试图使用具有弯曲边缘的纯CSS创建一个三角形。

如果没有完全超越,这有可能吗?

我在下面添加了一个示例,介绍了我要实现的目标(曲线-而非直线)。

具有弯曲边缘的等腰三角形

到目前为止,我一直在使用以下代码,但是它并不是我想要的。

    #inner {
      transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      -webkit-transform: rotate(45deg);
      -o-transform: rotate(45deg);
      -moz-transform: rotate(45deg);
      background-color: silver;
      width: 100px;
      height: 100px;
      top: 20px;
      left: -50px;
      position: relative;
      -moz-border-radius: 20px;
      border-radius: 20px;
    }
    #outer {
      position: absolute;
      width: 70px;
      height: 140px;
      top: 20px;
      left: 50px;
      overflow: hidden;
      border: 1px solid red;
    }
Run Code Online (Sandbox Code Playgroud)
<div id="outer">
  <div id="inner">&nbsp;</div>
</div>
Run Code Online (Sandbox Code Playgroud)

css geometry css3 css-shapes

5
推荐指数
1
解决办法
1420
查看次数

Ray-Triangle Intersection C++

我正在测试光线是否与三角形相交,所以暂时使用下面的代码来测试指定光线之间是否有交点,此时此方向的方向为随机三角形的中点:

Ray<float> *ray = new Ray<float>(Vec3<float>(0), chosenTriangle->GetTriangleMidpoint()); 
Run Code Online (Sandbox Code Playgroud)

旁边是Vec3对象,它用于存储向量操作:

template<typename T>
class Vec3
{
public:
    T x, y, z;
    Vec3() : x(T(0)), y(T(0)), z(T(0)) { }
    Vec3(T xx) : x(xx), y(xx), z(xx) { }

    Vec3(T xx, T yy, T zz) : x(xx), y(yy), z(zz) {}
    Vec3& normalize()
    {
        T nor2 = length2();
        if (nor2 > 0) {
            T invNor = 1 / sqrt(nor2);
            x *= invNor, y *= invNor, z *= invNor;
        }
        return *this;
    }

    Vec3<T> operator * (const T …
Run Code Online (Sandbox Code Playgroud)

c++ 3d graphics geometry raytracing

5
推荐指数
1
解决办法
7008
查看次数

GNUPLOT:在球体表面上绘制

我有一个依赖于phi和theta的函数,我想将其绘制在球体的表面上。日期存储在.txt文件中,其列如下:

1: x = R*sin(theta)*cos(phi)
2: y = R*sin(theta)*sin(phi)
3: z = R*cos(theta)
4: density
Run Code Online (Sandbox Code Playgroud)

我使用以下gnuplot代码进行绘制:

set terminal wxt size 800,800
set mapping cartesian
set view equal xyz
set xlabel 'x'
set ylabel 'y'
set zlabel 'z'
splot "densityprofile_100.000.txt" u 1:2:3:4 with pm3d
pause -1
Run Code Online (Sandbox Code Playgroud)

不幸的是,Gnuplot似乎无法正确表示球体上的颜色。似乎有些阴影,我无法摆脱;在这里看到图片:

在此处输入图片说明

当我用鼠标转动球体时,阴影变得越来越大,但是没有任何位置可以完全消失。任何帮助表示赞赏。

plot geometry gnuplot

5
推荐指数
1
解决办法
2868
查看次数

Java:计算三角形的面积

import java.lang.Math;
import java.awt.*
public class Triangle implements Shape
{
    java.awt.Point a;
    java.awt.Point b;
    java.awt.Point c;

    public Triangle(java.awt.Point a, java.awt.Point b, java.awt.Point c)
    {
        this.a = a;
        this.b = b;
        this.c = c;
    }    
public double getArea( )
    {
       double area;
       return area = Math.abs((a-c)*(b-a)-(a-b)*(c-a));
    } ...
Run Code Online (Sandbox Code Playgroud)

http://upload.wikimedia.org/math/f/e/5/fe56529cdaaaa9bb2f71c1ad8a1a454f.png < - 面积公式

我试图从2D笛卡尔坐标系中计算3点(x,y)的三角形面积.我假设我的上面的公式正确地产生了三角形的区域(如果没有,请纠正我),但我的编译器说"operator - 不能应用于java.awt.Point,java.awt.Point".我假设它是这样说的,因为你不能相互减去点,但公式中的每个值都是x或y值,而不是点.如何修复我的代码以便这样做?谢谢!

java math geometry area

4
推荐指数
1
解决办法
1万
查看次数

如何在MATLAB中绘制纹理贴图三角形?

(u,v)在图像的坐标中有一个三角形.我想在3D坐标处绘制这个三角形,(X,Y,Z)用图像中的三角形进行纹理映射.

这里,u,v,X,Y,Z所有具有三个元素的向量代表三角形的三个角.

我有一个非常难看,缓慢且令人不满意的解决方案,其中我:

  1. 提取图像的矩形部分
  2. 使用由三个点定义的变换将其转换为3D空间
  3. 用表面画它
  4. 最后用AlphaData掩盖不属于三角形的所有东西

当然必须有一种更简单的方法吗?

matlab geometry rendering texture-mapping geometry-surface

4
推荐指数
1
解决办法
8414
查看次数

找出一个点是否在直角三角形内

我总是想知道最简单的方法来确定一个点是否在一个三角形内,或者在这种情况下,一个矩形对角切成两半.

假设我有一个64x64像素的矩形.使用此矩形,如果传递的点位于矩形的左上角,我想返回TRUE值,如果不是,则返回FALSE.

-----
|  /|
| / |
|<__|
Run Code Online (Sandbox Code Playgroud)

霍瑞为糟糕的ASCII艺术.

无论如何,这个返回TRUE的三角形的假设点将是(0,0)和(63,0)和(0,63).如果一个点落在一条线上(例如,50,0),它也将返回TRUE.

假设0,0位于左上角并向下增加......

我脑子里有一个可能的解决方案,但它似乎比它应该更复杂 - 获取传递的Y值,确定它在矩形中的位置,并手动计算出该线在该Y值处切割的位置.例如,传递的Y值为16将是矩形的四分之一高度.因此,根据您检查的哪一侧(左侧或右侧),线条将为16px或48px,具体取决于线的方向. 在上面的示例中,由于我们正在测试左上角,高度为16px,因此线宽为48px

一定有更好的方法.

编辑:矩形也可能看起来像这样

-----
|\  |
| \ |
|__>|
Run Code Online (Sandbox Code Playgroud)

但我在大多数情况下都认为目前已经提供的答案仍应该坚持......

math geometry

4
推荐指数
1
解决办法
5030
查看次数

与两点相交的圆心

给定2D平面中的两个点,以及与这两个点相交的半径r的圆,计算该圆的中心的公式是什么?

我意识到圆圈可以放置两个位置.我想要的是,当从任意角度开始扫描连接这些点中的一个点的两个点的线时,首先以顺时针方向遇到中心的圆.在我找到第一部分的答案后,我想这是我问题的下一个阶段.

我希望整个计算可以在没有三角法的情况下完成.我从整数坐标开始,如果有帮助,将以整数坐标结束.

geometry points

4
推荐指数
1
解决办法
6757
查看次数