我想检查给定点是否在不规则路径内部绘制的空间内 - 大脑内部(路径在下方)。 我似乎无法使用CanvasRenderingContext2D.isPointInPath(path, x, y)因为它仅在该点实际上位于路径内(白色轮廓)时才返回 true。 我也不认为我可以使用奇数多边形规则,因为一个 ...
我想检查给定点是否在不规则路径内部绘制的空间内 - 大脑内部(路径在下方)。 我似乎无法使用CanvasRenderingContext2D.isPointInPath(path, x, y)因为它仅在该点实际上位于路径内(白色轮廓)时才返回 true。 我也不认为我可以使用奇数多边形规则,因为一个 ...
我正在尝试使用 JavaScript 在 HTML5 画布中的 Path2D 对象中找到一个点。 请理解此代码已简化,并且我使用的路径不是通用形状,因此这需要适用于任何给定的 2d 路径。 这不是关于语法的问题,所以请原谅未定义的变量。 ...
我需要画一条线并给它一个边框。 我试着画两条线,一条 5px 和 3px 以上但这看起来并不像真正的边界 const ctx = canvas.getContext('2d'); const path = new Path2D(); ctx.strokeStyle = "black"; ctx.li ...
我正在尝试填充 HTML5 canvas.context 的 path2d 对象。 我根据这个网站绘制了一个自定义路径,它是一条贝塞尔曲线: https : //javascript.info/bezier-curve 但我无法让它填充纯色。 这是 jsfiddle 中的一些代码来说明我的问题 ...
在我的画布上,我有两种类型的圆圈: 我直接从上下文创建的那些(=decorativeStars): drawDecorativeStar = (decorativeStar) => { this.ctx.beginPath(); this.ctx.arc(d ...
在 canvas 2D API 中,我们可以首先使用一个上下文的转换定义一个子路径,然后仅针对fill()或stroke()调用更改该上下文的转换,这会对样式产生影响,例如fillStyle 、 lineWidth和其他可见属性,但这将使子路径保持定义。 当我们想要在保持相同笔画宽度的同时放大矢量形 ...
我正在 canvas 上绘制 path2D SVG 形状。 问题是使用 SVG 数据时,moveTo function 似乎不起作用。 这个代码笔说明了这个问题。 https://codepen.io/grasmachien/pen/rNaJeBN 有没有办法在不移动 canvas 的情况下移动 ...
我一直在寻找一种方法来从SVG获取要点,并将其应用于Path2D画家中。 解析任务不是我要说的,问题是要了解这些点在画布中的工作方式以及如何将其应用于Path2D 。 例如,考虑我有这个SVG标签: <svg> <path d = " m 51.68 ...
我正在尝试使用Path2D查看多边形中是否包含点。 最后一行System.out.println(poly.contains(lat1,lon1))打印“ false”,即使我知道坐标(lat1,lon1)在“ testBound”中指定的多边形内。 “ .contain()”不起作用吗 ...
我一直在使用Path2D一段时间,但现在似乎它的功能Path2D.addPath(path, matrix?)被删除了(至少在 chrome 中)。 真的有替代品吗? 它是永久性的,还是浏览器部分的错误? ...
我正在某种布局上需要绘制可单击的六边形。 我正在使用Path2D构造和isPointInPath函数。 我正在构造一个动画,在其中创建多个六角形,然后将每个六角形移动到特定位置。 移动完成后,我将onclick事件处理程序附加到某些六边形。 但是,有奇怪的行为。 一些初始化变量 ...
我假设有两个Path2D,一个包含另一个。 当我从第一个形状移动一个点时,第二个形状也以相同的方式移动,但是由于角度的变化,形状之间的距离也发生了变化(以及最终结果...)。 到目前为止,我已经有了第二个三角形(innerTriangle)的硬编码点: 如何以编程方式在四周保持相 ...
我使用许多2D浮点多边形。 我想出了一个用例,其中我需要一个减去另一个,所以我认为我会使用java.awt.geom.Area。 我创建一个具有四个点的Area对象: 并且与创建区域时如何排序这些点无关,我得到以下信息: 注意几乎相同的双99.99999999999973, ...
我在一个画布上有多个Path2D,我希望能够独立缩放和定位每个Path2D,而不是调整context.scale()和context.translate()。 我正在使用SVG路径数据构造每个path2D对象,因为我希望能够修改stroke-dash和stroke-length。 似乎我 ...
我正在尝试使用提供的contains方法来检测坐标。 根据研究,我使用的代码似乎对其他人也适用。 但是在这种情况下,尽管布尔值位于绘制的Path2D多边形内,但我无法从其布尔值中获得正回报。 PolygonCreation:用于绘制坐标的循环包含检测坐标 给定这组代码,我的坐标 ...
我想在TypeScript项目中使用新的Path2D api,但我没有在lib.es6.d.ts中看到它。使用它的最佳方法是什么? 有没有人有Path.D的d.ts文件? ...
我的程序应该允许用户将矩阵的前六个数字输入到文本字段中,然后单击应用按钮,使用.transform方法更改Path2D,并将参数作为六个输入数字。 我的问题是,每当我输入某些内容并单击应用时,转换与应该的转换都非常不同,并且原始箭头也保留在后面。 这真的很奇怪,我不知道问题出在哪里。 ...
我正在尝试保存一个具有Connector ArrayList的对象,该对象是扩展Path2D.Double的类。 它给了我异常gui.Connector; no valid constructor gui.Connector; no valid constructor 。 我做了一些研究, ...
我创建了一个自定义Path2D类,以便为我正在做的项目在屏幕上绘制一个H形的“卡尺”。 我想拖动并最终在屏幕上调整游标卡尺的大小。 我已经成功设置了Path2D,因此可以绘制游标卡尺,代码如下所示: 声明和构造函数: build()方法(用于绘制路径)和setCallipe ...
我有一个利用Path2D.Float绘制矢量对象(大型分形设计)的程序。 我的代码允许缩放和平移。 我有一个轴对象,该对象具有根据当前缩放设置(存储在轴对象中)将世界坐标(双精度对)转换为显示坐标(双精度浮点对)的方法。 无论如何,矢量图形既大又细,并且在世界坐标中包含许多线段。 每 ...