标签: transform

我正在尝试使用镶木地板数据文件运行批量转换推理作业，但找不到任何内容。到处都说批量转换仅接受文本/csv 或 json 格式类型。出于测试目的，我确实尝试在 AWS 帐户内使用 lambda 函数来调用 parque 数据，但批量转换作业从未成功。出现 ClientError: 400，解析数据时出错。

request = \
        {
            "TransformJobName": batch_job_name,
            "ModelName": model_name,
            "BatchStrategy": "MultiRecord",
            "TransformOutput": {
                "S3OutputPath": batch_output
            },
            "TransformInput": {
                "DataSource": {
                    "S3DataSource": {
                        "S3DataType": "S3Prefix",
                        "S3Uri": batch_input

                    }
                },
                "ContentType": "application/x-parquet", 
                "SplitType": "Line",
                "CompressionType": "None"
            },
            "TransformResources": {
                "InstanceType": "ml.m4.xlarge",
                "InstanceCount": 1
            }
        }
    client.create_transform_job(**request)
    return "Done"

目前，我正在尝试使用 parque 数据文件在本地运行 sagemaker 批量转换作业。我有可以在本地终端中运行以“服务”的 docker 映像，并且可以使用 REST API 服务 Postman 从“localhost:8080/incalls”使用“二进制”输入函数上传 parque 数据文件来调用数据。它工作正常，我可以看到邮递员体内填充的数据。但是，我无法使用 parque 数据进行批量转换。

有没有人成功使用 parquet 文件使用 sagemaker 批量转换进行转换和预测？

使用jquery缩放一些文本，mousemove但无法弄清楚如何使右侧的单词（h2）从固定的右侧位置向左侧缩放。相反，它总是从单词的左边缘开始缩放。

我希望这两个单词组合起来始终填充窗口的宽度，当光标向左移动时，左侧单词（h1）缩小，右侧单词（h2）增大，反之亦然。

还有一个问题是，我使用一些脚本将每个单词缩放到 document.ready 上窗口宽度的 50%，但正确的单词 (h2) 又根据 css 字体大小从其原始位置缩放，因此缩小了这一页。

使用text-align: right没有效果。如何将正确的单词保留在窗口中并向左扩展？jsFiddle

var originwidth = $('h1').width()
var originheight = $('h1').height()
var origh1scalex = $(window).width()/2 / $('h1').width()
var origh2scalex = $(window).width()/2 / $('h2').width()

$(function() {    
  $('h1').css('transform', 'scaleX(' + origh1scalex + ')'); 
  $('h2').css('transform', 'scaleX(' + origh1scalex + ')');
});

$(document).on('mousemove', function(event) {
  var scaleX = event.pageX / originwidth
  var scaleY = event.pageY / originheight

  $('h1').css('transform', 'scale(' + scaleX + ',' + scaleY + ')')
})

var originwidth …

我通过 TriMesh 将网格几何加载到 Python 中。我想要一个自由浮动的相机，但我想通过旋转网格来更改（修剪网格场景的）默认视图。如何在不创建固定相机的情况下旋转网格或设置相机的默认视图？

我正在尝试构建一个搜索栏，如果您将鼠标悬停在搜索图标上，它应该会展开。但直接对宽度进行动画处理并不高效，因此我决定使用变换，但它无法正确缩放搜索栏。这是屏幕截图。

使用正常宽度 图像时

使用变换 图像时

CSS代码：

.searchBox {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 8px;
}

.search-content {
  font-size: 10px;
}

.search-input {
  width: 0px;
  background-color: transparent;
  padding: 0.5rem;
  padding-right: 2rem;
  border-radius: 2rem;
  border: none;
  outline: none;
  transition: 0.2s;
}

.searchBox:hover > .search-input {
  /* width: 8rem; */
  transition: scaleX(8rem);
  padding: 0.5rem;
  padding-right: 2rem; 
  background-color: rgb(240, 245, 248);
  box-shadow: 0px 0.25rem 0.25rem 0px rgba(0, 0, 0, 0.2);
}

.searchSvg {
  position: absolute;
  right: 0.62rem;
  transition: 0.3s;
  display: …

我想创建一个旋转动画，其中包含一组按钮（排列成圆圈），这些按钮从单击的中心按钮旋转和延伸。

虽然动画和旋转工作良好，并且打开按钮和关闭按钮工作顺利并且尽管旋转但仍响应 onTap()，但外部按钮在“onTap”-GestureDetector 方面不起作用。

目标：我想让红色容器可点击（例如GestureDetector）。问题：红色容器对 onTap() 没有反应。

import "dart:developer" as dev;
import 'dart:math';

import 'package:flutter/material.dart';
import 'package:sdg3/Widget/rotation_controller.dart';
import 'package:sdg3/Widget/rotation_menu_button.dart';
import 'package:vector_math/vector_math.dart' show radians, Vector3;

class RadialMenu extends StatefulWidget {
  final Widget open;
  final Widget? close;
  final int startAngle;
  final List<RotationMenuButton> rotationButtons;
  final RotationController? rotationController;

  const RadialMenu({
    Key? key,
    this.rotationController,
    required this.open,
    this.startAngle = 0,
    this.close,
    required this.rotationButtons,
  }) : super(key: key);

  @override
  createState() => _RadialMenuState();
}

class _RadialMenuState extends State<RadialMenu>
    with SingleTickerProviderStateMixin {
  late AnimationController controller;
  late double maxButtonRadius;

  @override …

transform: matrix()我需要在应用css 转换之前计算出元素的结束边界矩形。我不知道从哪里开始，也找不到任何解决这个问题的好文章。

因此，假设您拥有元素的原始位置，getBoundingClientRect()如果您拥有应该应用的矩阵，是否有可靠的方法来找到结束位置。

我已经构建了一个滚动控制器，我正在尝试在屏幕上映射元素进度，但我需要元素的开始和结束位置。因此，我需要应用 css 转换后元素的位置来确定元素何时离开屏幕。现在我只是应用矩阵然后getBoundingClientRect()再次运行。但这似乎有点老套。

因此，假设您有原始矩阵和结束矩阵。getBoundingClientRect()然后在元素上运行来找到它的位置。有没有数学方法来计算新的边界矩形？

因此，对于本示例，我们将仅使用 6 值矩阵。但如果将它应用到完整的 16 值矩阵也会很好：

const boundingRect = element.getBoundingClientRect();
const startingMatrix = [1, 0, 0, 1, 0, 0];
const endingMatrix = [2, 1, -1, 2, 200, 400];

// Now calculate the new bounding rect of element after ending matrix is applied.

我根据下面的评论推荐的这篇文章https://dev.opera.com/articles/understanding-the-css-transforms-matrix/尝试了以下操作。我显然缺少或不明白一些东西。这是我的尝试：

const boundingRect = element.getBoundingClientRect();
const startingMatrix = [1, 0, 0, 1, 0, 0];
const endingMatrix = [2, 1, -1, 2, 200, …

我试图将一些表示图像库的xml转换为html表.(必须使用html而不是css). 如何</tr><tr>使用xsl每隔六个左右添加行中断？

我有这个:

<xsl:for-each select="//email/gallery" >
<td>
    <img>
    <xsl:attribute name="src">
        <xsl:value-of select="gallery-image-location"/>
    </xsl:attribute>
    <xsl:attribute name="alt">
        <xsl:value-of select="gallery-image-alt"/>
    </xsl:attribute>
    </img>
</td>
<xsl:if test="????">
    </tr>
    <tr>
</xsl:if>
<xsl:for-each>

在Javascript中我会做类似的事情:

for (i=0; i<gallery.length; i++) {
    htm += '<td><img src="' +
    gallery[i].gallery-image-location +
    '" alt="'+ gallery[i].gallery-image-alt +'"></td>';

    if (i%6 == 5 && i != gallery.length-1) {
        htm += '</tr><tr>';
    }
}

我想使用CSS选择器将大括号内的所有文本转换为链接.我可以用JavaScript编写它,但我想知道它是否可以像这样在CSS中添加:

p:before {
    content: "<a href'http://example.com/t2'>";
}

p:after {
    content: "</a>";
}

将t2在href大括号内的文本的副本.

在上面的例子中,里面的所有文本都p被转换为一个链接,但有没有办法只选择花括号内的东西？

我在div中有3条水平线.当我将鼠标悬停在封闭的div上时,我想旋转第一行和最后一行以形成+(加号).

此时,当您将鼠标悬停在第一行和最后一行时,它们以90度旋转,但是当我将鼠标悬停在div中的任何位置时,我希望这些线条能够旋转.我不确定CSS3是否可以单独使用或者我是否需要使用jQuery.

这是下面的小提琴:

div {
  width: 100px;
  height: 100px;
  background-color: red;
  padding-top: 15px;
}
div .bar {
  border-bottom: 5px solid #ffffff;
  height: 10px;
  width: 50px;
  display: block;
  margin: 5px auto;
}
div .bar:first-child:hover {
  -ms-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  transform: rotate(90deg);
}
div .bar:last-child:hover {
  -ms-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

<div>
  <span class="bar"></span>
  <span class="bar"></span>
  <span class="bar"></span>
</div>

我正在使用D3为g元素添加属性.我也使用D3-selection-multi来简化属性编写(允许你将对象传递给.attrs()函数).

使用webpack和babel-preset-env

d3.select('g').attrs({
  'class': 'thing',
  'transform-origin': '50% 50%',
  'transform': `translate(${opts.w/2} ${opts.h/2}) rotate(${opts.angle}deg)`
})

我一直收到这个错误: attribute transform: Expected ')'