标签: transform

我有一个 css 转换，当单击按钮时发生，如下所示http://jsfiddle.net/xCkX7/5/

我不确定这是否可能，但是，是否可以创建一个事件侦听器，或者可能有不同的方法，因此当单击该按钮并且转换完成时，另一个类将替换刚刚完成的转换类并创建第二个动画片。我想避免使用关键帧动画，因为我在使用该特定方法时遇到问题，我想使用动画的最终状态进行变换，但它会重置。您可以在这里看到该问题http://jsfiddle.net/xCkX7/23/

基本上我希望动画运行它的过程（它是两个步骤），完成，然后能够单击另一个按钮来发生其他转换。就像这里http://jsfiddle.net/xCkX7/21/一样，除了起始转换只是一步。

我正在使用 bxslider 并且我需要修改它，因为我没有内置功能。但是现在我需要更改滑块的 transform: translate3d 值，以便正确显示。但是如何？

使用此语法会发生以下错误：

$('#custom_pager_list').css({
    transform: translate3d(-400px, 0, 0)
})

语法错误：标识符在数字文字之后立即开始

使用没有“px”的相同语法会导致：

参考错误：translate3d 未定义

在Java的Graphics2D类中，它有一个transform方法。

public abstract void transform(AffineTransform Tx)

这是根据文档的描述：

根据后指定先应用的规则与此 Graphics2D 中的 Transform 组合一个 AffineTransform 对象。如果当前Transform是Cx，则与Tx合成的结果是新的Transform Cx'。Cx' 成为该 Graphics2D 的当前变换。通过更新的变换 Cx' 变换点 p 相当于先通过 Tx 变换 p，然后通过原始变换 Cx 变换结果。换句话说，Cx'(p) = Cx(Tx(p))。如有必要，会制作 Tx 的副本，因此对 Tx 的进一步修改不会影响渲染。

我读了好几遍了，但还是不明白它的作用。我也尝试过寻找其他来源，但关于 g2d 的转换方法的内容并不多。

所以我的问题是：转换到底做什么？我们什么时候使用它？

如果有人能以简化的方式解释它，那就太好了。

我知道有时浏览器会通过 GPU 加速 CSS 转换。但是什么时候会发生这种情况，有没有办法强制 GPU 加速以获得流畅的动画？

本文

他们知道一个插件，可以让我在移动设备上将垂直（桌面视图）轮播更改/转换为水平轮播？

现在我正在使用 slick 插件，但我无法得到我需要的结果，这是我的 JS 代码：

          $('.demo-slider).slick({
                      vertical: true;
                    });
           var windowWidth = $(window).width();
              if(windowWidth < 768){
                  $('.demo-slider').slick('unslick',function(){
                   $('.demo-slider).slick({
                      vertical: false;
                    });
                });
           }

我一直无法确定用于从TM_DIRECTORYVSCode 公开的目录中获取新文件所在目录的转换？

即对于像c:\a\b\c\d\e我想e作为输出的路径。我也有 linux co-works 所以它也应该适用于类似的东西/mnt/a/b/c/d/e

我成功地将 mat Indicator 向左移动，而不是向右移动，并且我使用了 transform 属性使其在展开时向内转动。但是，我希望指标在展开时朝上，在折叠时朝下。我如何正确设置样式以实现此目的：https : //stackblitz.com/edit/indicatorrotation?file=styles.css

扩展概述-example.css

  .mat-expansion-panel-header {
       flex-direction: row-reverse;
   } 

全局样式.css

  .mat-expansion-indicator::after {
      transform: rotate(225deg) !important;  
}

现在，当我做出 360 度手势时，图像仅从左向右平滑旋转。

要求的结果：

• 当我们做一个 360 度的手势时应该从右向左旋转。
• 完成：当我们做出 360 度手势时，应该从右向左旋转。
• 一旦我们在某个点开始从左向右旋转，然后再次从右向左旋转，它应该从做出手势的任一方向旋转。

  import 'dart:math';

  import 'package:flutter/material.dart';

  class RotateImage extends StatefulWidget {
    RotateImage({Key key}) : super(key: key); // changed

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

  class _RotateImageState extends State<RotateImage> {
    double finalAngle = 0.0;

    @override
    Widget build(BuildContext context) {
      return _defaultApp(context);
    }

    _defaultApp(BuildContext context) {
      return Scaffold(
        appBar: AppBar(
          title: Text('Single finger Rotate text'), // changed
        ),
        body: Center(
          child: Column(
            children: <Widget>[
              Container(
                color: Colors.red,
                padding: EdgeInsets.all(10),
                margin: EdgeInsets.only(top: 50), …

我有一个变量指示事件发生后的时间，它的编码如下：

time_since_event <- c("18 m", "56 m", "2 h 30 m", "18 h 2 m")

我希望它是数字，并始终表示事件发生后的分钟数：

time_since_event_min <- c(18,56,150,1082)

我在使用ScrollView和时遇到了一些事件处理问题Transform。布局结构是这样的，ScrollView并且Transform存在于Stack.

我希望在inScrollView之外滚动时滚动，事件可以渗透到 ScrollView。FlatButtonContainer(Colors.cyan)

单击按下FlatButton即可工作。实际上，单击FlatButton两次后，无论单击初始位置还是当前位置，它都不再移动。该FlatButton控制移动从尺寸范围内的初始位置离开，不再检测到点击事件，但我不明白。代码如下：

class EventListener extends StatefulWidget {
  @override
  _EventListenerState createState() => _EventListenerState();
}

class _EventListenerState extends State<EventListener> {

  Offset offset = Offset(0, 0);

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text("EventListener"),
      ),
      body: Stack(
        children: <Widget>[
          SingleChildScrollView(
            child: Column(
              children: <Widget>[
                Container(
                  color: Colors.red,
                  height: 200,
                ),
                Container(
                  color: Colors.teal,
                  height: 300,
                ),
                Container(
                  color: …