标签: transform

我想在这里加快我的发现过程,因为这是我第一次进入词汇分析世界.也许这甚至是错误的道路.首先,我将描述我的问题:

我有非常大的属性文件(大约有1,000个属性),在提炼时,它们实际上只有大约15个重要属性,其余的可以生成或很少更改.

所以,例如:

general {
  name = myname
  ip = 127.0.0.1
}

component1 {
   key = value
   foo = bar
}

这是我想要创建的格式类型,用于标记类似于:

property.${general.name}blah.home.directory = /blah
property.${general.name}.ip = ${general.ip}
property.${component1}.ip = ${general.ip}
property.${component1}.foo = ${component1.foo}

成

property.mynameblah.home.directory = /blah
property.myname.ip = 127.0.0.1
property.component1.ip = 127.0.0.1
property.component1.foo = bar

词法分析和标记化听起来像是我最好的路线,但这是一种非常简单的形式.这是一个简单的语法,一个简单的替代,我想确保我没有带一个大锤敲钉子.

我可以创建自己的词法分析器和标记器,或ANTlr是可能的,但我不喜欢重新发明轮子和ANTlr听起来有点矫枉过正.

我不熟悉编译器技术,因此最理解指向正确方向和代码的指针.

注意:我可以更改输入格式.

我使用CSS3创建了一系列圆形标签.然后我旋转了这些标签,但文本的质量(Windows - Chrome)很差,并且在过渡时也会"变暗/模糊".有哪些替代方案？我是否正确应用了我的CSS？我会更好地旋转标签并保持文本水平吗？

http://jsfiddle.net/jeepstone/9eGt3/

从我的VS2010部署项目中,我想对web.config中的一个元素的两个不同属性应用两种不同的转换.请考虑以下web.config片段:

<exampleElement attr1="false" attr2="false" attr3="true" attr4="~/" attr5="false">
  <supportedLanguages>
    <!-- Some more elements here -->
  </supportedLanguages>
</exampleElement>

现在我如何在转换后的web.config中更改属性'attr1'并删除属性'attr5'？我知道如何执行单个转换:

<exampleElement attr1="true" xdt:Transform="SetAttributes(attr1)"></exampleElement>

和:

<exampleElement xdt:Transform="RemoveAttributes(attr5)"></exampleElement>

但我不知道如何结合这些变换.任何人？

编辑:

无法回答我自己的问题,但解决方案似乎是:

似乎可以使用不同的转换重复相同的元素,如下所示:

<?xml version="1.0"?>
<configuration xmlns:xdt="http://schemas.microsoft.com/XML-Document-Transform">
    <exampleElement attr1="true" xdt:Transform="SetAttributes(attr1)"></exampleElement>
    <exampleElement xdt:Transform="RemoveAttributes(attr5)"></exampleElement>
</configuration>

如上所述,这似乎有效,但我不确定这是否是web.config转换语法的预期用途.

我正在做一个围绕X中心的图形,Y为0,0.当渲染时,我使用translate重新定位,然后使用scale使图形填充画布(例如,将所有内容缩放50%).

我注意到你是否调用scale然后翻译,翻译然后扩展并且我无法理解它是很重要的.这是一个问题,因为一切并不总是合适,但我的心智模型并不完整,所以很难修复它.

有人可以解释为什么缩放和翻译调用的顺序很重要吗？

我无法弄清楚如何使以下布局工作.我不仅限于纯CSS - 我知道JS将参与其中以使其成为跨浏览器 - 但CSS解决方案将是非常棒的.这是我想要实现的目标:

我尝试了下面的代码,倾斜容器,然后向相反方向倾斜图像,但它只给了我一个方形图像.Chrome检查员向我显示容器正在倾斜,但是向后倾斜图像会使其再次变为正方形.添加溢出:隐藏到容器类的工作,但角度的边缘变得锯齿状.这是我尝试过的:

http://codepen.io/anon/pen/ubrFz

请帮忙!:)

我正在使用css3缩放变换来缩放包含其他div的div.

我遇到的问题是我需要保留一些内部div,基本上好像它们没有缩放,它们的大小不应该改变,但是我确实需要用其他内容来扩展父div.

你怎么能扭转一些div的缩放？
我正在尝试应用反向缩放.
如果整个div应用了1.5的值,我试图找到我现在应该扩展其他div的值,以便在视觉上将它们恢复到以前的状态.

我正在尝试创建html5拼贴编辑器,您可以在其中编辑图像,类似于您在Word中看到的图像(裁剪图像而不是在拖动边缘时缩放图像,能够在自由变换区域内拖动/旋转/缩放图像(所以一种占位符功能)等).这意味着我们需要使用SVG和剪切/屏蔽,以及自由变换元素与那些掩码/剪辑的绑定位置.之后生成的整个SVG应该可以根据打印尺寸进行扩展(但这不是问题).

这个想法很简单 -

1. 使用已经制作的jQuery Free Transform插件 - https://github.com/gthmb/jquery-free-transform
2. 将它的控制区域转换绑定到SVG掩码

问题:即使转换后的SVG蒙版具有FT div的转换和位置的精确副本,当转换包含旋转时,它也会很奇怪.看起来像变换 - 原点不起作用,旋转和缩放以某种方式连接到左上角而不是中心,不知道为什么:/

这是一个小提琴,只是尝试旋转元素,你会看到问题是什么:

小提琴 (已经制作的svg的简化代码)

主要部分:

var refreshSVGMask = function(){

//get element transform
var elTransform = $('#ft').css("transform");

//quick parse of matrix transform:
var elMatrix = elTransform.substring(elTransform.indexOf("matrix") + 7, elTransform.indexOf(")"));

//modify matrix, to apply last two values (top and left position), which in jquery free transform are in "top" and "left" css attributes. Note - I've also tried applying same matrix, but changing "x" and "y" attributes in SVG (like: …

如何transform-origin在react native 中将属性应用于样式？我已经尝试了几种方法，但没有得到任何活动

我试过了：

transform: [{ rotate: ('90deg')},{origin: {x: 'top', y:'center'}} ]

我正在尝试对通过相机捕获的位图进行透视变换.用户围绕矩形对象调整边界四边形(如白框所示).然后,我尝试使用以下代码将其转换为矩形图像:

public static Bitmap perspectiveTransformation(Bitmap bitmap,BoundingQuad boundingQuad)
{
    Matrix matrix = new Matrix();
    float[] dst = new float[] {
            0,
            0,
            bitmap.getWidth(),
            0,
            bitmap.getWidth(),
            bitmap.getHeight(),
            0,
            bitmap.getHeight()
    };
    float[] src = new float[] {
            boundingQuad.topLeft.x,
            boundingQuad.topLeft.y,
            boundingQuad.topRight.x,
            boundingQuad.topRight.y,
            boundingQuad.bottomRight.x,
            boundingQuad.bottomRight.y,
            boundingQuad.bottomLeft.x,
            boundingQuad.bottomLeft.y
    };
    matrix.setPolyToPoly(src, 0, dst, 0, src.length >> 1);
    return Bitmap.createBitmap(bitmap, 0, 0, bitmap.getWidth(), bitmap.getHeight(), matrix, true);
}

但是,我生成的图像包含超出我的四边形边界的图像数据.如果我可以弄清楚变换后四边形的坐标是什么,这是可以接受的,所以我可以裁剪结果,但我完全不知道如何做到这一点.

在转换后找到四边形的坐标或理想地找到防止这种情况首先发生的方法时,将非常感谢任何帮助.

输入:

http://i.stack.imgur.com/33RfN.png

输出:

http://i.stack.imgur.com/zWFvA.png

我想旋转一些文本进行垂直显示(y轴图表标签).文本可以是任何可变长度(但总是在一行上).

我试图使用CSS3转换旋转(参见JSFiddle):

.rotate {
   transform: rotate(270deg);
}

但是,即使在旋转之后,元素的原始宽度和高度也会保留,如规范中所述:

在HTML命名空间中,transform属性不会影响转换元素周围内容的流.

这意味着元素的容器宽度会根据标签文本长度而扩展,从而影响相邻图表的位置.

如何旋转文本并将其容器缩小到新宽度？任何解决方案都会有所帮助,包括JavaScript/jQuery解决方案或替代方法.