草庐IT

geometry

全部标签

javascript - 使用 X,Y 坐标绘制圆内的点

在javascript中有没有办法绘制x,y坐标,使它们落入圆形而不是正方形?例如,如果我有以下代码:circleRadius=100;context.drawImage(img_elem,dx,dy,dw,dh);我需要找出落在100像素圆内的x,y值的组合。谢谢! 最佳答案 在-100到100之间随机选择一个x圆由x^2+y^2=r^2定义,在您的例子中等于100^2=10000从这个等式中您可以得到y^2=10000-x^2,因此具有选定x和y=+/-sqrt(10000-x^2)将位于圆圈上。在点3找到的两个坐标之间随机选择

javascript - 在谷歌地图上绘制圆弧

想法是使用Angular绘制以特定点为中心的圆弧。注意:不是弦,也不是扇区,也不是弦和圆弧之间的区域。纪念品:http://en.wikipedia.org/wiki/Arc_(geometry)一个完整的圆圈参数:-centeratcoordinatesLatC,LngC-radiusof1609meters-startangleof0degrees-endangleof360degrees示例http://jsfiddle.net/GGvQH/3/newgoogle.maps.Circle({center:newgoogle.maps.LatLng(18.4894,73.91015

javascript - 多个圆圈 -> 一个多边形?

使用GoogleMapsAPIv3,我能够在我的map上创建多个google.maps.Circle对象。但是,我现在需要以某种方式“连接”它们。我有以下带有多个圆圈的map:我现在需要让它看起来像这样:(来源:pcwp.com)我在Internet上到处寻找解决方案,但无济于事。有什么想法吗? 最佳答案 您可能需要考虑通过以x间隔添加额外的圆来解决这个问题,并增加路径每个点之间的半径。这将非常容易实现,并且适用于旋风分离器的任何方向。显然Matti'ssuggestedsolution通过连接所有切线来创建多边形会更准确,但您可以

javascript - textPath 上的 SVG 圆圈文本(居中对齐)

我遇到与SVG相关的带圆圈文本的问题。我的目标是创建一条路径,让我可以在上面书写,但也可以让文本居中,同时仍然跟踪我的路径-从圆圈的顶部开始。示例That'swhatitlookslike(内图)问题目前我正在使用textPath+路径组合来生成路径并在上面写入。heregoesmytext我也试过Raphael库来管理它的工作,但说真的,我不能做我想做的事。这里有人真正设法让它发挥作用吗?或者有什么办法可以做到这一点? 最佳答案 将您的文本路径定义为您要绘制的椭圆弧的完整上半球:并将textPath的startOffset设置为5

javascript - 如何在 Three.js 中剪切立方体

我想知道以前是否有人遇到过这个特定问题。根据我对如何使用webgl和three.js绘制3d对象的基本理解,我似乎无法找到一种方法来创建一个平行六面体(或者我认为这就是它的调用方式),它确实从立方体几何中继承了它的几何形状,但没有'所有Angular都是90度。我的目标是拥有这样的东西:结果应该和什么很相似-moz-transform:skew(0,-45.1deg);会为html元素做。谁能帮我找到解决方案?感谢您的考虑。 最佳答案 您需要做的是创建一个立方体网格,然后将剪切矩阵应用于立方体的几何体。该操作以您描述的方式扭曲了几何

javascript - 谷歌地图两个圆的交点

有没有一种简单的方法来获取两个circles的交点(如果可用)的lat/lng在GoogleMapsAPIV3?或者我应该选择hard怎么办?编辑:在我的问题中,圆总是具有相同的半径,以防让解决方案更容易。 最佳答案 是的,对于相等的圆,可以详细说明相当简单的解决方案:让我们第一个圆心是A点,第二个圆心是F,中点是C,交点是B,D。ABC是直AngularC的直Angular球面三Angular形。我们想要找到AngularA-这是与A-F方向的偏差Angular。球面三Angular学(直Angular球面三Angular形的纳P

javascript - Html5 Canvas Bezier 上的虚线曲线

对于我的一个应用程序,我需要在Html5Canvas中的贝塞尔曲线路径上绘制虚线曲线...破折号的长度和中间的间隙应该是可变的...它可以在JavaFx中实现,seethislink...我想使用Html5Canvas实现相同的效果。我知道如何绘制直线虚线,但不知道如何沿着贝塞尔曲线绘制曲线...虽然我不是专家,但我知道bezierdrawingalgorithm,我看到这个算法的问题是,它允许您使用范围从0到1的时间参数来识别贝塞尔曲线上的坐标...这还不够,因为要绘制虚线贝塞尔曲线,我需要在主要贝塞尔曲线路径上绘制许多具有指定长度参数和给定间隙距离的小贝塞尔曲线。JavaFx必须使

javascript - SVG 圆起点

如何更改svg圆圈的起点,使其从0点开始逐渐动画化?默认圆圈svg从3点开始。我当前的圈子(悬停动画):#timeline{ position:fixed; width:500px; height:500px; top:50%; left:50%; margin-top:-250px; margin-left:-250px; overflow:hidden; pointer-events:all; z-index:99999;}#bluecircle{ stroke-dasharray:1510; stroke-dashoffset:1510; -webkit-transition:a

javascript - 使用谷歌地图绘制不规则同心圆

我有点问题。我正在尝试使用Javascript和GoogleMapsAPIv2执行以下操作:我可以使用在Internet上找到的公式很好地绘制单个圆圈。我面临的问题是圈子必须:一个。保持同心,并且B.每个“象限”必须有不同的半径,即NE、NW、SE和SW我几乎在Internet上搜索了所有我能想到的地方,但没有想出如何做到这一点。显然以前有人这样做过,因此我为什么要在程序员论坛上提问。:)谢谢!更新:我已经使用以下代码绘制出我认为每个点的坐标。对于下图:这是使用以下JS获得的:http://gist.github.com/181290注意:此javascript来自(稍作修改)以下站点

javascript - 三个js合并Geometries和Mesh

三个jsver67当前代码是这样的-varmaterials=[];vartotalGeom=newTHREE.Geometry();varcubeMat;for(vari=0;i但是我收到了消息已弃用:GeometryUtils的.merge()已移至Geometry。请改用geometry.merge(geometry2,matrix,materialIndexOffset)。在chrome开发工具中。当我尝试类似-totalGeom.merge(cubeMesh.geometry,cubeMesh.geometry.matrix);而不是THREE.GeometryUtils.m