- android - 多次调用 OnPrimaryClipChangedListener
- android - 无法更新 RecyclerView 中的 TextView 字段
- android.database.CursorIndexOutOfBoundsException : Index 0 requested, 光标大小为 0
- android - 使用 AppCompat 时,我们是否需要明确指定其 UI 组件(Spinner、EditText)颜色
在 React 中,当选择特定图片时,我正在制作从多张图片到一张图片的过渡动画。
我根据原始点击图像的 x 和 y 位置为动画使用以下 CSS。它现在是硬编码的。但是,当放入 css 的翻译时,这些值似乎不正确,我不知道为什么。
我绝对定位了一个具有相同值的 div,这是正确的。但是,translate 的起始值不是我输入的值。
@keyframes move-image {
from {
transform: translate( 383.125px, 7.998px) scale(1);
}
}
.animation {
animation: move-image 6.6s;
}
这是一个链接。动画 css 在 css 选项卡中。 https://codepen.io/nickjsdevelope1/pen/QoWEPV
最佳答案
translation 考虑元素的初始位置来平移元素,它表现为偏移量。它不会将元素转换到特定位置。当您使用 top/left 定位元素时,同样的逻辑适用。 top/left 相对于定位元素的包含 block ,以防它是绝对/固定元素。
在这两种情况下,它都是关于原点的偏移量,但每个原点都不相同。
为了更好地理解这里是应用到具有相同值的不同元素的翻译:
.box {
width:50px;
height:50px;
background:red;
transform:translate(50px,50px);
}
.box1 {
width:50px;
height:50px;
background:blue;
transform:translate(50px,50px);
}
<div class="box">
</div>
<div class="box1">
</div>
两个元素在 X 轴和 Y 轴上都从它们的原始位置偏移了 50px
。
当使用 position 和 top/left 时,两者将重叠,因为它们具有相同的包含 block ,因此它们从同一点偏移相同的值。
.box {
width:50px;
height:50px;
background:red;
position:absolute;
top:50px;
left:50px;
}
.box1 {
width:50px;
height:50px;
background:blue;
position:absolute;
top:50px;
left:50px;
}
<div class="box">
</div>
<div class="box1">
</div>
关于css - 与 Css Translate 一起使用时,getBoundingClientRect 的 X 和 Y 值错误,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/54874787/
我听说 Translate API 需要付费,但究竟是什么阻止了我们使用免费的 Google 翻译服务 here免费 ?否则,免费服务的限制是什么? 最佳答案 根据下面的链接,没有什么可以阻止您。 h
我正在修复我的 Karma 配置以运行 Angular2 - rc 1 版本的测试。我可以运行测试,但如果我在 html 中有一个翻译管道,它们就会失败。(我可以让它工作的配置是从 [这里][1] 得
我正在使用以下代码: GttService myService = new GttService("ex1cor.ex1Ap.1"); myService.setUserCredentials("ex
是否可以在 Silverstripe 3 中翻译数据对象? 我使用这个模块: http://www.silverstripe.org/translatable-module/ 在我的配置中是否定义了以
我有以下三个问题 我想使用 Google 的 API 来翻译文本。我知道谷歌对翻译和检测单独收费。谷歌翻译也支持翻译两种翻译方式 i) 通过指定源和目标,如 https://www.googleapi
我一直在使用 Microsoft Translator 的 HTTP API 来翻译我网站上的文本。 作为the documentation describes , 有一个选项可以指定翻译的类别。找不
当您在 localhost 上开发应用程序时,是否有机会在不获取 key 的情况下使用 Use Google Translation API? 我希望这样的事情能够奏效' https://www.go
我正在尝试翻译实体的某些字段,但在尝试创建对象时出现以下错误... id; } /** * Set name * * @param string $nam
当用户访问我们的网站时,我们使用 Google Translate API 将我们的内容翻译成用户的语言。 (当然,我们遵循署名和链接要求,以便用户知道内容是 Google 的翻译。) 为了优化,我们
我非常频繁地使用谷歌翻译 API V2,在大约 2000 个请求之后,我开始在返回的 JSON 中得到这个: Array ( [error] => Array (
我刚开始使用 Google 翻译 API,在测试过程中我们注意到,对于某些翻译(我尚未找到模式),我们会在响应中收到\u200b 字符。这会导致很多问题,最重要的是,它似乎没有任何目的或没有任何意义。
从laravel 5.8升级到laravel 6.0后,发现这个错误。 Method Illuminate\Translation\Translator::getFromJson does not e
这是一个基本的移动滑入/滑出菜单。 我发现很难调试,但基本上我的问题是,当我按下菜单按钮时,菜单会顺利打开,再次按下它会顺利关闭。然而,当我再次按下它(第三次)时,它不顺利打开,它只是出现。但是它仍然
我的 Android Studio 的翻译编辑器无法正常工作。如果我打开翻译编辑器确实列出了字符串的正确键,但是找不到默认值和翻译。所有键都有一个默认值,其中大多数也有一个翻译。 我重新启动了 And
我正在尝试从 python 控制台而不是通过 bazel -build 运行 Tensorflow 的 translate.py,但我在这两行出现错误: from tensorflow.models.
本文整理了Java中org.apache.tika.language.translate.YandexTranslator.translate()方法的一些代码示例,展示了YandexTranslat
我需要来自 Google Transle API 的同义词信息。有没有可能得到它? 最佳答案 抱歉不行。看到这个 post .看起来他们opened a PIT添加功能。你应该给它加星号来增加重量!
我在我的一个项目中使用 Google Cloud Translation API。我想指定翻译的性别。我无法在 Google Cloud Translation 中找到相关信息。我也在互联网上搜索了很
我已经在我的 Angular-Cli 应用程序中实现了 ngx-translate 并且在我执行以下操作时工作正常: {{ 'some.value' | translate }} 但是我该如何翻译 H
我决定在我的项目中使用 Google Cloud Translation API。在我尝试运行他们的脚本之前,一切似乎都很好。它总是说我需要“使用 require([])”。 在我在 require
我是一名优秀的程序员,十分优秀!