标签: transform

使用各种矩阵数学,我已经求解了一个方程组,得到了度数'n'的多项式的系数

Ax^(n-1) + Bx^(n-2) + ... + Z

然后我在给定的x范围内调整多项式,基本上我正在渲染多项式曲线.现在这里抓住了.我已经在一个我们称之为"数据空间"的坐标系中完成了这项工作.现在我需要在另一个坐标空间中显示相同的曲线.很容易将输入/输出转换为坐标空间和从坐标空间转换输入/输出,但最终用户只对系数[A,B,....,Z]感兴趣,因为它们可以自己重建多项式.如何呈现第二组系数[A',B',......,Z'],它们代表不同坐标系中的相同形状曲线.

如果它有帮助,我在2D空间工作.简单的旧x和y.我也觉得这可能涉及将系数乘以变换矩阵？它是否会包含坐标系之间的比例/平移因子？它会与此矩阵相反吗？我觉得我朝着正确的方向前进......

更新:坐标系与线性相关.本来有用的信息呃？

在设置自动TFS构建时我遇到了很大的问题.基本上我创建了名为Tests的新配置,添加了transform config,为数据库定义了不同的连接字符串.然后定义TFS构建,使用MSBuild参数构建整个解决方案/p:DeployOnBuild=True /p:Configuration=Tests.问题是,在下拉菜单中的位置(Build_PublishedWebsites \项目)我得到web.config,web.debug.config,web.release.config和web.tests.config,但我希望只是一个转化web.config.

我已经检查过PDC演示文稿Web Deployment Painkillers:Microsoft Visual Studio 2010和MS Deploy但没有帮助.

谢谢你的回答.

我试图在圆圈中排列12个物体,使每个物体与其逆时针相邻.

像这样的东西:

问题是,如果我只依赖于绘图顺序,其中一个总是完全在顶部,在这种情况下是12点钟的红色.

我试过用

    {
        GlowButton* G = glowButton[ 0 ];

        float theta = 0.3;
        G.layer.transform = CATransform3DMakeRotation( theta, 0, 1, 0 );
    }

试图围绕垂直轴旋转,从而将一侧折叠在邻居后面,但这不起作用.

我被告知这是因为核心动画不支持深度测试.

有没有办法在没有闯入GL的情况下做到这一点？

我正在尝试在python中的形状文件上做热图.我需要制作其中的一些,所以不要每次都阅读.shp.

相反,我认为我可以创建地图边界的lineCollection实例并覆盖两个图像.问题是 - 我似乎无法让两者正确对齐.

这是代码,其中linecol是lineCollection对象.

fig = plt.figure()
ax = fig.add_subplot(111)
ax.contourf(xi,yi,zi)
ax.add_collection(linecol, autolim = False)
plt.show()

有没有一种简单的方法来修复linecol的限制以匹配其他情节的限制？我玩过set_xlim和transforms.Bbox,但似乎无法管理它.

非常感谢您的帮助!

Sander Steffann在我之前的一个问题中提到过:

0000:0000:0000:0000:0000:0000:192.168.0.1这样的地址写为0000:0000:0000:0000:0000:0000:c0a8:0001,这是完全相同的地址,但是以十六进制表示法.

如何在PHP中发现,如果一个地址是这样写的:比如::0000:192.168.0.1或0000::0000:192.168.0.1或0000:0000:0000:0000:0000:0000:192.168.0.1等？是否足以检查基于IP的字符串是否具有"." 和':'？

如何将其更改为完整字符串0000:0000:0000:0000:0000:0000:c0a8:0001？

我是正确的,将此更改为IPv4将是这样的:

<?php 
$strIP = '0000:0000:0000:0000:0000:0000:192.168.0.1';

$strResult = substr($strIP, strrpos($strIP, ':'));

echo $strResult; //192.168.0.1 ?
?>

...或者是正确的IP字符串表示比这个代码片段更复杂吗？

我有一个带有背景图像的div,我正在旋转.下面是我的css规则来旋转​​它:

#services_parallax { 
-webkit-transform:rotate(3.1deg); /* Webkit */
transform: rotate(3.1deg); /* firefox & IE9+ */
/* IE7 & 8 */ filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.998537, M12=-0.054079, M21=0.054079, M22=0.998537, sizingMethod='auto expand'); 
}

问题是在IE中,图像的边缘非常块状和锯齿状,而不是光滑的线条,并且似乎没有抗锯齿.有谁知道解决这个问题？它是在chrome中完成的,直到我通过应用-webkit-backface-visibility:hidden;来应用修复程序.哪个适用于chrome,我只需要一个IE的类似修复,如果存在的话.

要复制此问题,请将以下内容粘贴到HTML文件中并在IE中查看:

<style type="text/css"> 
#services_parallax { -webkit-transform:rotate(3.1deg); /* Webkit */ 
    transform: rotate(3.1deg); /* firefox & IE9+ */ 
    /* IE7 & 8 */ filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.998537, M12=-0.054079, M21=0.054079, M22=0.998537, sizingMethod='auto expand'); 
    background: url(http://img.netcarshow.com/Pagani-Zonda_R_2009_1600x1200_wallpaper_01.jpg) center center; 
    background-size:100% auto; 
    height:100px; 
    width:700px; 
    margin-top:50px; 
    margin-left:50px; 
} 
</style> 
<div id="services_parallax"></div>

我已经把一个简单的javascript/css图像滑块放在一起,开始只是一个学习练习,但现在我想在现实世界中应用它.问题是我的桌面上的动画很不稳定(这是一款高规格的游戏装备) - 在移动设备上更糟糕(在某种程度上它不再是动画)

你可以在这里看到它:

www.chrishowie.co.uk/sands/

jsfiddle隔离了大部分相关的代码 - 它不是"这不起作用"的问题,所以希望这个小提琴足以帮助优化它.

http://jsfiddle.net/9aozrxy8/5/

总结:我有一个DIV,连续4个图像,每个图像是页面宽度的100%.我使用javascript来翻译X(我已经尝试过translate3d,因为听说这会使用GPU,但没有做太多的差异)而且我设置CSS过渡以简化变换.

我也认为可能我只是想在这个网站上做太多 - 但是后来我看了一些其他网站做得更多,而且它像丝绸一样光滑.所以我想我错过了一些东西.

function slideRight() {

if (sliding) {
    return false
};
window.sliding = true;

el = document.getElementById("slider");
cst = getComputedStyle(el);
transformst = cst.transform || cst.webkitTransform || cst.mozTransform;
widthst = cst.width;
widthst = widthst.replace("px", ""); // computed width of slider (7680px)
slidewidth = widthst / 4;

transformst = transformst.replace("matrix(", "");
transformst = transformst.replace(")", "");

transformst = transformst.split(",");
transformst = transformst[4]; // returns current transform in px without unit (px)
if …

我正在尝试使用css转换来改善我的动画性能,以便在100%宽度的包装器中转换元素的位置.因此,在重复动画之前,它从左侧进入屏幕并在右侧退出.

我想我可以使用这个动画的百分比.我发现的是,翻译是相对于你动画的对象.

因此,如果您有一个100px宽的对象,并按如下方式设置动画:

@keyframes moveme {
  0% { transform: translate(-100px, 150px) }
  100% { transform: translate(100%, 100px) }
}

该对象将移动200%的对象宽度,因此200px.

是否有修复方法使对象移动到容器的宽度,在关键帧动画中使用css变换？

到目前为止,这是我的codepen codepen.io/matttunney/pen/dPMQZL

谢谢

我有很多不同的col大小,所以当我将跟随代码放在那里时,每个col中的旋转文本都不同.

CSS:

.verticaltext {
    position: relative;
}

.verticaltext_content {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    left: -60px;
    top: 35px;
    position: absolute;
    color: #FFF;
    text-transform: uppercase;
}

我想在每个col中看起来像这样:

我正在使用变换来制作我的<li>s,如下所示

这是我的代码

.tab-nav {
    width: 100%;
    height: 40px;
    margin-top: 100px;
}

.tab-nav-li {
    display: inline-block;
    border: solid 1px gray;
    margin: 0 5px;
    min-width: 170px;
    min-height: 40px;
    line-height: 40px;
    text-align: center;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    transform: perspective(38px) rotateX(2deg);
    transform-origin: bottom;
}

<div class="tab-nav">
    <ul>
        <li class="tab-nav-li">
            <span>The first tab</span>
        </li>
        <li class="tab-nav-li">
            <span>The second tab</span>
        </li>
        <li class="tab-nav-li">
            <span>The third tab</span>
        </li>
    </ul>
</div>

li标签被转换为我的期望,但它的内容也被转换,这使得文本模糊(你可以看到它不清楚).有什么方法可以避免这种情况吗？

还有一个问题,在FF浏览器上查看,左侧边框看起来不平滑.你知道为什么以及如何解决这个问题吗？

问候,肯

2017年5月9日下午5:19更新

我想添加一个"突出显示"的类调用来填充li标签的背景颜色.

.tab-nav {
  width: 100%;
  height: 40px;
  margin-top: 100px;
}

.tab-nav-li …