问题标签 [anchorpoint]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
23 浏览

ios - 围绕锚点旋转正在跳跃

我有 TagView,它是 UIView 的子类。我像这样围绕锚点旋转它:

我正在使用此处提出的方法设置锚点

我有一个自动布局问题,我通过将我的视图放入容器 UIView 并将其设置为中心来解决这个问题。但是,当我更改视图中标签的内容时,它会跳转。

在此处输入图像描述

0 投票
1 回答
31 浏览

css - 使用 Foundation 滚动单个页面时激活顶部导航链接

如果您看到我的Codepen,您会看到,如果您单击一个链接,该链接将变为红色并转到锚点部分。

即使使用滚动,我也想激活链接。有谁知道怎么做?

让我担心的另一件事是,当链接为红色时,当我点击页面的其他部分时,链接再次变为白色。

我正在使用基金会。

0 投票
3 回答
285 浏览

javascript - 如何相对于其中心移动 div(如锚点)?

当我将鼠标拖到一个 div 上时,我希望该 div 在它像锚点一样居中后调整大小,但我不知道如何。默认情况下,“锚点”设置在左上角

这是一个例子:

0 投票
1 回答
336 浏览

nsview - NSView 不绕中心旋转

我正在尝试围绕其中心旋转 NSView。但即使我更改了锚点,NSView 也会继续围绕其左上角旋转。只是一个精度:我正在使用 OSX 10.8.5。

在此先感谢您的帮助。

这是我的代码:

编辑 30-11-2018 :我设法使用图层获得居中旋转:

0 投票
2 回答
295 浏览

qt - How to anchor different things based on a property?

I desire a QML layout that looks something like this:

In other words, alternate objects (a QML Item in this case) are placed above or below some central line and the things they contain (QML Text) within those objects need to go to either the top or the bottom of the object.

Now I know I can align specific things with anchors on the items:

but that will set the item bottom anchor regardless of whether it's needed (such as with the second object above containig Text 2).

What I'm actually looking for is a way to set only one anchor depending on the position. In psuedo-QML, that would be:

In other words, I only want to anchor the item bottom to parent bottom if it's above the line. Otherwise I want to anchor the item top to the parent top.

I thought it may be something like:

but nothing does not appear to be an anchoring option :-)

Is there a way to do this with QML?

0 投票
0 回答
32 浏览

ios - 执行与 ARKit 和 Multipeer 连接的交互我看不到用一个设备放置在第二个设备上的对象

我正在使用苹果提供的代码与 3D 对象(来自 Google Poly)进行交互,并且我正在尝试将 Multipeer 连接框架合并到这个项目中。我也在尝试使用 Apple 提供的其他代码

当我将 multipeer 代码合并到 arkit 交互中(合并这两个代码)时,我设法连接了两个附近的设备并在它们之间发送世界地图。但是,虽然它说我已经将世界地图从设备 1 发送到设备 2,但问题是我看不到设备 2 中的对象。我想我在为对象创建锚点时犯了一些错误(这就是对象不可见的原因),但我不知道为什么。有人可以尝试解释我可能错在哪里吗?

0 投票
2 回答
144 浏览

javascript - 如何根据嵌套元素的锚点使div居中

我有一个复杂的交互式 SVG 图形。在该图形中有一个特定的图标,假设它是信息图中的特定人物图标。此外,SVG 为 2000x2000 像素。这意味着在桌面(横向布局)上,它可能需要从顶部和底部剪掉一些以适应屏幕。在移动设备(纵向模式)中,它需要从右侧和左侧剪掉一些。鉴于此,我希望 SVG 以该人为中心,并在横向模式下剪辑顶部/底部,在纵向模式下剪辑左/右。这实现了两个目标:

  1. 图像始终以那个人为中心。
  2. 图像总是完全填满可用空间,无论是横向还是纵向模式。

想知道如何做到这一点。如果它必须用 JavaScript 完成,或者如果它可以纯粹用 CSS 完成。

此外,这个 SVG 不能加载到 CSS 的背景图像中,因为它是交互式的。它是普通的 SVG。

为了简化问题,我们可以说我们有<div>一堆嵌套元素。我们希望这个 div 基于它包含的一些嵌套元素居中。因此,这似乎需要某种 JavaScript。也就是说,在窗口调整大小或方向更改时,获取我们想要居中的元素的偏移量,然后弄清楚如何将其调整为居中,然后从中找出如何调整 parent.parent.parent ......等等。直到您到达要在该点锚定的主包装器 div。然后我们将那个 div 移动多少。所以看起来这需要JavaScript,但我不知道,也许有一种方法可以用纯CSS来完成。

想知道是否可以演示如何在 JS 或 CSS 中执行此操作。

这是我到目前为止所拥有的。

请注意(https://imgur.com/PnugEin)在移动设备上它没有正确填充空间。黑盒应始终位于中心,整个 SVG 应缩放以覆盖整个视口,同时将黑盒保持在中心。

更新:好的,通过添加媒体查询来解决“填充视口”问题。最后一件事是如何根据矩形/锚点将其居中。

0 投票
1 回答
1741 浏览

phaser-framework - Phaser 3 - 设置图形对象的锚点

我正在尝试将矩形图形对象的锚点设置为它的中心,以便我可以补间它的旋转。我能找到的唯一相关信息是使用 dispalyOriginX 和 dispalyOriginY 属性,但这似乎没有任何作用。这是我的代码:

矩形应该围绕其中心旋转,但如下图所示,它似乎围绕游戏区域的左上角旋转。我尝试了值在 0.5 到 500 之间的 displayOrigin 属性,结果都相同。

在此处输入图像描述

我在想这可能是因为我将矩形添加到导致问题的组中,但我尝试不将它添加到具有相同效果的组中。这是我的代码不属于组时的样子:

0 投票
4 回答
1404 浏览

winforms - Powershell/Forms - 如何在选项卡控件中锚定列表视图?

我正在尝试将列表视图锚定在表单中的选项卡页中,以便列表视图与选项卡一起调整大小,并且其他控件也被锚定以允许这样做,但看起来它锚定到父表单,而不是选项卡 -示例代码:

在上面的示例中,选项卡之间的唯一区别是我试图在第一个选项卡中锚定列表视图和按钮控件,但在第二个选项卡中没有锚定。

这是选项卡 1 - 列表视图位于选项卡的边界之外,而不是锚定在其中,并且按钮完全离开选项卡区域

不正确的锚定

这是相同的 Tab 2,没有锚定。正确的布局但没有锚定,因此调整表单大小不会调整列表视图的大小或重新定位按钮:

正确的布局但没有锚定因此调整表格大小不起作用

任何人都可以解释如何做到这一点,因为我读到的所有内容都说锚定选项卡然后在其中锚定控件应该可以工作?

0 投票
2 回答
45 浏览

javascript - 打开另一个页面并滚动到锚点

我目前正在链接到同一页面上的锚点,下面的代码通过滚动效果实现了这一点。但是,我想将锚点放在不同的页面上。

我想要的是,当我单击按钮(.ebooks-button)时,它会打开页面并向下滚动到锚点。

这是我目前正在使用的代码。任何人都可以建议修改 javascript 来帮助我实现这一目标吗?

});