画布JS如何获得多边形形状的高度和宽度？

文章/答案/技术大牛

发布

1回答

javascript、html5-canvas、fabricjs

我创建了一个小画布js脚本，并在形状上绘制轮廓这里是脚本 context.beginPath();context.fill()context.stroke(); 但我无法得到它的宽度和高度的形状

浏览 29提问于2020-06-23得票数 0

回答已采纳

4回答

我正在试图弄清楚如何仅使用多边形的角坐标来缩小多边形。例如，如果我有下面的形状，角在[(0, 0), (0, 100), (20, 100), (30, 60), (40, 100), (60, 100), (60, 0), (40, 10), (40,40), (20, 40), (20, 10)]，所以形状看起来像这样：我想要找到角坐标，如果我将这个多边形收缩一些宽度和高度因子。例如，如果我想将其<e

浏览 1提问于2018-03-29得票数 5

1回答

通过鼠标拖动创建多边形形状时，不会将形状中心化到其选择边框。

javascript、canvas、polygon、fabricjs

版本测试用例 const polygon = new fabric.Polygon(calcPolygonPoints单击绿色按钮进入绘图模式，将鼠标拖动到画布内开始创建形状，松开鼠标，然后尝试选择新创建的形状。边框大小与新多边形的大小相匹配，但定位不正确。如果不是多边形，我尝试创建任何其他类型的<

浏览 4提问于2017-01-16得票数 1

回答已采纳

1回答

画布元素的适当HiDPI呈现(用Konva.js)？

canvas、html5-canvas、konvajs、hidpi

我使用来自HTML5的组件构建了一个小型的Konva.js画布动画。一切都很好，除了画布元素的大小是我预期的2倍-我想是因为我有一个HiDPI/Retina显示器。但是顶层宽度/高度属性值是双倍的。我在HiDPI上尝试了的多边形填充，但是虽然这使得画布元素达到了预期的大小，但是Konva.js元素似乎没有调整

浏览 3提问于2017-11-23得票数 0

回答已采纳

1回答

拖动装饰器以调整多边形大小

c#、wpf

我正在尝试创建一个WPF程序，用户可以在其中拖动多边形顶点上的装饰器，以拉伸和调整形状的大小。当顶点被鼠标抓取并拖动时，将使用该顶点在该位置重新绘制多边形。我知道宽度/高度字段可以修改以调整整体形状，但我想要做的是只更改顶点位置，并使用新的顶点位置重新绘制基本上新的多边形。到目前为止，我有能力绘制静态大小的多边形(矩形

浏览 0提问于2012-09-13得票数 0

1回答

UWP :旋转后如何获得新的形状？

uwp、geometry、windows-10-universal

如何测量其旋转后的宽度和高度？它可以是任何形状，如多边形或椭圆。 

浏览 4提问于2017-11-16得票数 1

回答已采纳

2回答

如何将多个矩形合并为一个多边形

java、algorithm、svg、geometry、batik

我必须将矩形合并成一个多边形，如所附图像所示，但我需要点列表，这样我就可以将这些点写成多边形形状(DOM对象)，用于Swing画布，然后再导出SVG。我知道每个矩形的原点，即左上角x和y坐标(浮点数x，浮点数y)，以及每个矩形的宽度(浮点数)和高度(浮点数)，因此我可以计算每个矩形的所有四个角的坐标，即上、右、下、左，即顶部=原点= x，y，右=x+宽度

浏览 4提问于2017-03-03得票数 6

回答已采纳

1回答

如何在WPF中获取矩形/椭圆/路径/直线的角点？

c#、wpf、drawing、2d

我正在做一个图形化的程序，我想从我在标题中提到的图形中获得角点。我需要它们，因为在这些点的位置，我想放置白色的小矩形，允许我调整这些图形的大小。

浏览 0提问于2013-04-27得票数 0

回答已采纳

1回答

为什么在Java Applet中使用向量坐标时多边形会出现形状错误？

java、vector、applet、vector-graphics、polygons

我有一个完全的图纸X，Y坐标的8个不同的多点形状纸上。我把这些坐标放进一个数组，比如..。当我将它加载到Java中时，形状并不遵循这些精确的坐标。它们有时很接近，但不精确，我需要精确的项目。有人知道为什么吗?我想我的问题是，我的理解是，“向量”线从0,0开始，作为中间点。我对作图不太了解。所以..。我的形状是从向量样式创建的，但是被“放置”到具有0,0左上角原点的applet中。

浏览 2提问于2014-02-01得票数 1

回答已采纳

4回答

viewportwidth/高度对Android绘图的影响是什么？

android、svg、android-vectordrawable

我有一个可以从SVG资产导入的向量绘图。有时候，我得调整尺寸。通常我更新宽度和高度。我想不出的是视点和高度是如何影响svg的。改变这些维度似乎可以将svg从可见区域中推开。这些计量单位代表什么？它与宽度和高度的关系分别是什么？ (和往常一样)严重不足。谁能详细解释一下吗？

浏览 7提问于2016-12-28得票数 81

回答已采纳

1回答

错误#3671:缓冲区大小为零

actionscript-3、canvas、starling-framework

我想知道为什么我在另一个画布上出现了这个错误？当我使用更大的画布作为另一个对象时，它没有任何问题。但是在另一个对象上，我得到了这个错误，numVertices为null或0。它发生在我锁定屏幕然后解锁它回来的时候。就像在桌面上一样，是ctrl + alt + del，在设备上是按锁定按钮。我使用的是1.7，这是Github上的最新版本，flex ver4.6.0和AIR 18.0flash.display3D::Context3D/c

浏览 2提问于2015-10-23得票数 1

回答已采纳

1回答

如何在画布中显示成组和非成组形状的尺寸

javascript、canvas、html5-canvas、fabricjs

我正在做一个使用fabric.js的项目，因为我想在画布中显示形状尺寸，尺寸应该根据拖放和调整大小而改变。这是一张图片。编辑:我必须使用onclick listener.I显示非组形状和组形状的尺寸(高度，宽度和角度)。我需要关于这方面的帮助，任何帮助或提示都会很棒。提前谢谢。

浏览 3提问于2013-04-23得票数 3

回答已采纳

1回答

CSS -放置彼此相关的图像，同时还支持缩放

html、css、carousel

我想做一个旋转木马风格的小部件，是由3个图像和两个按钮构建的。我的问题是，这整个事情需要具有响应性，并在保持图像之间的关系的同时，放大(最大)和缩小。形状如下：图像的像素大小都是预先知道的，并且需要的任何关系都可以预先知道(例如，移动绿色和蓝色框所需的量，因为它们不是垂直居中的)。我对HTML/CSS不是很有经验，我设法通过

浏览 0提问于2021-10-05得票数 0

2回答

在Paper.js中不改变路径宽度的画布调整大小

canvas、path、resize、width、paperjs

我试图获得效果，当画布正在调整大小，但绘制在上面的路径仍然具有相同的宽度。然而，它改变宽度与画布宽度成正比。我试着重新绘制路径，但是一个纸对象似乎记得旧的宽度、高度和缩放路径，尽管我的新设置应用于路径。也许解决方案是缩放路径的宽度，但是我希望有一个更温和的解决方案。答案似乎是最好的解决方案是缩放宽度</

浏览 4提问于2014-07-14得票数 2

1回答

WPF/Silverlight如何计算控件中的总立方单位/像素？

.net、wpf、silverlight、graphics、vector-graphics

我在我的silverlight应用程序中有一个scribbale墨水呈现器，我多次使用不同形状的墨水呈现器，我想计算墨水呈现器被涂抹了多少百分比，units = uielemnt.Actualwidth * uiel

浏览 0提问于2010-07-16得票数 0

回答已采纳

14回答

<canvas>元素的最大大小

javascript、html、canvas

我正在使用一个高度为600到1000像素、宽度为数万或数十万像素的画布元素。但是，在达到一定数量的像素(显然是未知的)之后，画布不再显示我用JS绘制的形状。有没有人知道有没有限制？在Chrome 12和Firefox 4上测试过。

浏览 2提问于2011-05-21得票数 122

回答已采纳

1回答

Line2D与JComponent交点及仿射变换

java、swing、computational-geometry、java-2d、line-intersection

好的可以有多条曲线连接到形状的中心与不同的控制点。形状可以是任意正多边形。至少我需要圆角矩形的交点和图像下面的曲线。编辑:我想确定

浏览 3提问于2012-12-04得票数 0

回答已采纳

3回答

如何创建一个基于角2画布的组件来响应被调整的大小？

angular、typescript、html5-canvas

我想要创建一个组件，它的视图只是一个画布元素。我要这个组件： @Compon

浏览 0提问于2016-10-28得票数 7

1回答

JS-Canvas:调整窗口大小时重画形状

javascript、canvas

我的应用程序侦听调整事件，并调整画布的宽度和高度： this.canvasWidth = innerWidththis.canvasHeight = innerHeight 当我调整窗口大小时，画布可以完美地调整大小，但是我在画布上绘制的形状消失了。如何使绘制的</

浏览 1提问于2017-07-07得票数 0

2回答

不规则形状的碰撞检测

javascript、jquery、html、canvas、collision-detection

我知道如何检查圆与正方形是否即将发生碰撞，也知道如何检测正方形是否即将与正方形发生碰撞，但如何检测多边形与正方形是否即将发生碰撞？有没有办法获得一个形状占用的像素，

浏览 3提问于2012-07-07得票数 10

回答已采纳

点击加载更多