标签: transform

萨尔维特！我到处搜索，但不知道如何使用 Extendscript (jsx) 水平翻转单个选定的对象。

有人可以帮忙吗？当然，这并不是一件困难的事！

I am working on an open source tool for navigating and visualizing human anatomy.

The main object of interest is a 'chessboard' taking up most of the screen. Dragging the board around performs certain CSS3 3D-transforms. A 3D object (a head, in the example below) is shown hovering over the board, rendered with three.js.

The transformation of the head is synchronized with that of the board. But this is currently a very imperfect synchronization, realized by trial-and-error.

How do the …

我试图通过特定的theta旋转Rectangle2D对象.但是我不能这样做,因为Rectangle2D的方法转换(AffineTransform)是未定义的.有关如何做到这一点的任何想法？谢谢.

Rectangle2D.Double currentVehic = new Rectangle2D.Double(bottomLeft[0], bottomLeft[1],vehicWidth, vehicHeight);
    // Rotate the vehicle perimeter about its center
    AffineTransform rotate = new AffineTransform();
    //Rectangle2D rotatedVehic = AffineTransform.getRotateInstance(theta,x,y);
    rotate.setToRotation(theta, x, y);
    currentVehic.transform(rotate);

    return currentVehic;

我有一个页面元素，它是 CSS 转换来翻转卡片的正面和背面。

在 Safari 中，我似乎无法隐藏正面背面或显示背面，可能是因为正面 div 的背面没有按应有的方式隐藏。

它可以在 Chrome 中完美运行，但在 Safari 中却不能。

我在这里发现了类似的问题，但提供的解决方案都没有任何效果。

.item-front, .item-back {
    -webkit-backface-visibility:hidden;
    -moz-backface-visibility:hidden;
    -ms-backface-visibility:hidden;
    -o-backface-visibility:hidden;
    backface-visibility:hidden;
}

这是一个小提琴：

http://jsfiddle.net/ddolan/V2gvG/4/

我重新创建了模板中遇到的问题。有一个导航有position: relative;。内部资产净值有一个DIV嵌套两个列表。
名单之一是绝对要坚持导航的位置。当div对其应用了转换时，就会发生此问题。
当绝对位置和相对位置的元素之间的div获得了transform属性时，绝对列表相对于div而不是nav进行定位。

MDN文档声明以下有关位置的信息：绝对

不要为元素留出空间。而是将其放置在相对于其最接近的祖先的指定位置（如果有），或者相对于其包含的块。绝对定位的框可以有边距，并且不会与其他任何边距一起折叠。

这是否意味着变换后的元素是定位元素？为什么这样做呢？我在Edge，FF和Chrome中进行了测试。他们的行为都一样。

您可以在下面运行重新创建的代码段。我正在将鼠标悬停在div上的div上应用转换。

*{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
html, body{
  min-height: 100%;
  height: 100%;
}
nav{
  background: #000;
  height: 100%;
  width: 50%;
  position: relative;
}
nav:hover > div{
      transform: translateX(50px) translateY(0) translateZ(0);
}
a{
  color: #fff;
}
ul{
  padding: 16px;
}
ul.main{
  background: blue;
}

ul.lower{
  position: absolute;
  background: red;
  bottom: 0;
  width: 100%; …

我正在努力改变视频的方向。它以纵向记录，然后以横向保存。更改变换只会使视频在横向视频中旋转。在这个带有 M_PI_2 的例子中，它消失了，因为它旋转了屏幕或平面。但是如果我把它改成 M_PI_2/2 或者它看起来是歪的。我知道 AVFoundation 默认情况下会这样做。我该如何改变？我从本教程中得到了很多这样的代码：https : //www.raywenderlich.com/30200/avfoundation-tutorial-adding-overlays-and-animations-to-videos 但使用 AVMutableVideoCompositionLayerInstruction 不起作用。

AVMutableCompositionTrack *videoTrack = [mixComposition addMutableTrackWithMediaType:AVMediaTypeVideo
                                                                    preferredTrackID:kCMPersistentTrackID_Invalid];
CMTime insertTime = kCMTimeZero;
for(AVAsset *videoAsset in self.videoArray){
    [videoTrack insertTimeRange:CMTimeRangeMake(kCMTimeZero, videoAsset.duration) ofTrack:[[videoAsset tracksWithMediaType:AVMediaTypeVideo] objectAtIndex:0] atTime:insertTime error:nil];
    // Updating the insertTime for the next insert
    insertTime = CMTimeAdd(insertTime, videoAsset.duration);
}
CGAffineTransform rotationTransform = CGAffineTransformMakeRotation(M_PI_2);
videoTrack.preferredTransform = rotationTransform;

// 3.1 - Create AVMutableVideoCompositionInstruction
AVMutableVideoCompositionInstruction *mainInstruction = [AVMutableVideoCompositionInstruction videoCompositionInstruction];
mainInstruction.timeRange = videoTrack.timeRange;

// 3.2 - Create an AVMutableVideoCompositionLayerInstruction for the video track and fix …

我正在尝试在 Python 中找到 Hankel 变换的任何现有实现（实际上我更喜欢两个 2d 径向对称函数的对称傅立叶变换，但它可以很容易地简化为 hankel 变换）。

我确实了解hankelpython 模块，但它需要 lambda 函数进行输入，而我只有一维数组。

有什么想法吗？

我正在尝试使用 Java 中的 XSLT 3.0 将 JSON 转换为 XML。当我运行 Java 程序时，它显示一个错误：Content is not allowed in prolog.

{
    color: "red",
    value: "#f00"
}

我正在尝试修复带有负比例的动画模型（我知道这可能是个坏主意）。在查看 max 脚本中的变换时，我注意到一些有趣的事情，这可能与 3ds max 中左手坐标系的内部使用有关。我将节点的变换与节点的 PRS 值进行了比较：我的期望是通过乘以 PRS 值，我也应该得到变换。但是，如果对象被旋转或镜像，则情况并非如此，请参阅：

  $.transform =
   row1    [0.866,-0.500,0.000] 
   row2    [-0.500,-0.866,0.000] 
   row3    [0.000,0.000,1.000] 
   row4    [13.000,-3.000,1.000] 
  ...scale * ...rotation * ...pos =
   row1    [-0.866,0.500,0.000] 
   row2    [-0.500,-0.866,0.000] 
   row3    [0.000,0.000,-1.000] 
   row4    [13.000,-3.000,1.000] 
  ...transform.scalepart * ...transform.rotationpart * ...transform.translationpart =
   row1    [-0.866,0.500,0.000] 
   row2    [0.500,0.866,0.000] 
   row3    [0.000,0.000,-1.000] 
   row4    [13.000,-3.000,1.000] 

任何想法，为什么这些转换不一样？我试图了解 3ds max 是如何工作的。非常感谢您的任何见解！

这是编译的 TailwindCSS 文件中的原始代码：

.translate-y-full {
  --transform-translate-y: 100%; 
}

这是行不通的。CSS 的语法不正确。当我将其更改为：

.translate-y-full {
  transform: translateY(100%);
  /* --transform-translate-y: 100%; */
}

它开始工作了。

也许我错过了一些东西，但它似乎是一个错误和一个大错误......？？？