标签: transform

我们正在使用ExtJS 4创建一个应用程序,它要求表单文本字段中的条目应始终为大写.

为此,我发现我可以在change事件上调用一个函数,并将当前值转换为大写,并按以下方式将其设置回字段:

change: function(field, newValue){
   field.setValue(newValue.toUpperCase());
} 

这样做的是,如果用户输入小写字母,则将其转换为大写并将其放回字段中.在此过程中,从小写到大写显示给用户的轻微过渡.也就是说,用户能够以小写字母看到该字母,并且在毫秒之后,该字母变为大写.

问题是:有没有办法避免从低级到大写的"转换/转换",并且只要他输入内容就会直接向用户显示大写字母？

我尝试使用--style = text-transform:uppercase - 但没有运气.

任何帮助将非常感激.

提前致谢.

我有一个矩形,我需要'弯曲'成一个环,即矩形的上边缘必须映射到环的外圆,底部到内圆,矩形的边应该连接.

这是一个非常粗糙的矩形和圆形草图:

如果它是有用的或必要的,我可以将矩形作为水平线的集合处理,将环作为圆的集合处理.

矩形具有从a到b的水平渐变,应该映射以使渐变在圆形方向上前进.

我可以看到这是一个非线性变换,但我不知道在哪里学习解决这个问题的技术.有没有合适CG经验的人能指出我的正确文本,正确的算法名称或正确的图形库来制作我的戒指吗？

我有一个问题问你.我正在研究文本动画,我有一点问题.当我使用像-webkit-transform这样的属性时,我的字体在动画期间从普通变为更薄,并在动画结束时恢复正常.

这是我的动画代码:

@-webkit-keyframes flipOne {
    0% {
        -webkit-transform: perspective(40000px) rotateY(0);
        -webkit-animation-timing-function: ease-out;
    }
    100% {
        -webkit-transform: perspective(40000px) rotateY(720deg);
        -webkit-animation-timing-function: ease-in;
    }
}

这是两张图片(动画之前和期间)

之前:

后:

它与字体的设置完全相同(在动画之前或期间或之后)

那是渲染设置吗？如果是的话,你们可以给我一些提示吗？

提前致谢.

当我用#board(灰色的)时使用这种风格

-webkit-transform: perspective(500px) rotateX(45deg);
-moz-transform: perspective(500px) rotateX(45deg);

它在Firefox中看起来如何:

但是在chrome中:

我们需要的是Firefox中的那个.那么我们应该怎么做才能在chrome中看到相同的外观呢？

我想基于另一列中的字符串向data.table添加列.这是我的数据和我尝试过的方法:

                                                                                     Params
1:                                   { clientID : 459;  time : 1386868908703;  version : 6}
2: { clientID : 459;  id : 52a9ea8b534b2b0b5000575f;  time : 1386868824339;  user : 459001}
3:                                                 { clientID : 988;  time : 1388939739771}
4: { clientID : 459;  id : 52a9ec00b73cbf0b210057e9;  time : 1386868810519;  user : 459001}
5:                                                 { clientID : 459;  time : 1388090530634}

用于创建此表的代码:

DT = data.table(Params=c("{ clientID : 459;  time : 1386868908703;  version : 6}","{ clientID : 459;  id : 52a9ea8b534b2b0b5000575f;  time : 1386868824339;  user …

我transform在罗盘中遇到了一个奇怪的问题.

我想将轴移动transform-origin(50% 100%)到底部,如果我将它键入firebug,这是有效的.

但是,如果我使用mixin,@include transform-origin(50% 100%)它在firebug中是不可见的.仅应用旋转部件@include transform(perspective(600px) rotateX(45deg) rotateY(0deg) rotateZ(0deg));.

在编译的CSS中,我可以找到这一行,但它没有以某种方式应用并用三个值写. -moz-transform-origin:50% 100% 50%;

我的SASS看起来像这样:

div#loader {
  @include transition-property(transform);
  @include transition-duration(3s);
  @include transform(perspective(600px) rotateX(45deg) rotateY(0deg) rotateZ(0deg));
  @include transform-origin(50% 100%); // This is not taking affect in final css
  position: fixed;
  bottom: 0;
  left: 0;
  background-color: #000;
  width: 100%;
  height: 100%;
  margin: 0 auto;
}

可能是什么原因？

如果我-moz-transform-origin:50% 100%;直接在我的SASS中写下这一行,它也会起作用.

https://jsfiddle.net/Lpfa9umq/

码:

<svg>
    <symbol>
        <circle id="circle1" cx="50" cy="50" r="20" stroke="black" stroke-width="1" />
        <circle id="circle2" cx="25" cy="25" r="10" stroke="red" fill="red" stroke-width="1" />
    </symbol>
</svg>
<svg width="100" height="100">
    <use xlink:href="#circle1" />
    <svg width="50" height="50" transform="translate(20, 10)">
        <use xlink:href="#circle2" />
    </svg>
</svg>

transform属性适用于Firefox,但不适用于Chrome/Chromium,为什么？我用错了吗？

每当我打电话给transform它时,一直给我以下错误:

AttributeError:'DictVectorizer' object has no attribute 'feature_names_'

这是函数调用:

vec = DictVectorizer()
x_test = vec.transform(X_features)

我的Python版本是2.7, ,Scipy 0.16.0,.numpy 1.9.2+mklscikit-learn 0.16.1

我使用applicationVariants.dex.dependsOn任务在代码转换为dex文件之前做了一些额外的工作,并且在android gradle插件1.3之前它运行良好.但是从1.4开始,dex任务被禁止访问并且会显示这样的错误提示:

好.我需要使用新的Transform API而不是dex任务.但问题是关于Transform API的文档真的很少.我能找到的是谷歌的官方文件在这里,但它似乎不是很容易理解.

所以我试着写一个自定义变换,我真的不知道我是不对的:

public class MyTransform extends Transform {

    @Override
    public String getName() {
        return "MyTransformImpl";
    }

    @Override
    public Set<QualifiedContent.ContentType> getInputTypes() {
        Set<QualifiedContent.ContentType> set = new HashSet<QualifiedContent.ContentType>();
        set.add(QualifiedContent.DefaultContentType.CLASSES);
        return set;
    }

    @Override
    public Set<QualifiedContent.Scope> getScopes() {
        Set<QualifiedContent.Scope> set = new HashSet<QualifiedContent.Scope>();
        set.add(QualifiedContent.Scope.PROJECT);
        return set;
    }

    @Override
    public boolean isIncremental() {
        return false;
    }

}

这是一个空的自定义变换.我没有添加转换逻辑,但这不是问题.然后我使用gradle文件中记录的api 注册了这个Transform:

def transform = new MyTransform()
project.android.registerTransform(transform)

他们执行汇编任务时,我的自定义转换似乎有效.我可以从执行任务列表中看到它:

最后apk文件生成成功,一切似乎都正确.但是当我安装apk并启动应用程序时,它崩溃了.有这样的错误:

那真是怪了.引发了 …

我正在尝试将以下代码的输出转换为数据帧,其中列表是sfc数据帧,其中列包含简单的要素集合 - 每个观察一个多边形.

以下可重复示例和预期输出的输出:

# Reproducible example:  
library(tidyverse)  
library(sf)  
library(magrittr)   

# define radius for circle  
radius <- 40
r <- units::set_units(radius, units::as_units("nmile"), mode = "standard") 
%>% 
units::set_units(units::as_units("m"), mode = "standard")  

# Sample data: 
df <- data.frame(var = c("abc", "bcd", "cab", "dba"), 
lon = c(45,47,1, -109), 
lat = c(7, 10, 59, 30))

# Creating simple features with sf:
df <- df %>% st_as_sf(coords = c("lon", "lat"), dim = "XY")

# Applying Coordinate reference system WGS84:
df <- df …