标签: transform
PHP从具有3个值的Array创建3D Array
再次我:
以下数组;
$myArray = array('FOO', 'BAR', 'HELLO');
我需要:
$myArray['FOO']['BAR']['HELLO'] = 0;
有任何想法吗？
推荐指数
解决办法
查看次数
傅立叶级数变换恢复原始信号
假设我有三个复杂波形(由许多正弦波组成):A,B和C.每个波形具有以下频率:分别为550,600,700 Hz.
现在我添加三个信号,即进行叠加以获得信号D.
我的目标是分别取回三个原始信号A,B和C.
我已经绘制了傅立叶光谱,在那里我获得了550,660和700 Hz的主峰.还有其他较小的山峰.我如何知道哪些波峰与哪些波形相关联,以便重新创建原始波形A,B和C？谢谢.
推荐指数
解决办法
查看次数
在wpf中转换变换后对象无法正常旋转？
我有一些带有几个从面板类继承的cutom控件的canvas,在运行时使用rendertransform =(.5,.5)动态添加到它.但是当应用平移变换(50,50)并将其旋转100度时,它不会在其位置旋转,它以半径50旋转,为什么？我做错了什么吗？
推荐指数
解决办法
查看次数
将矩阵转换为组件
给定仿射2D变换矩阵,例如:
[a b tx]
[c d ty]
[0 0 1 ]
对于围绕原点的顺时针旋转,
a由...转换cos (?)并b转换sin (?)对于scaleFactor sx的scaleX,
a进行转换sx对于平行于x轴的剪切,
x' = x + kyb进行转换k
在我的例子中,a通过旋转变换了两次,并且缩放-x b被转换两次,一次通过旋转,一次通过剪切.
轮换不再是公正的 arcsin(b)
ScaleX不再仅仅是 1 / a
ShearX不再仅仅是 x - ky
我怎样才能得到的值rotation,shearX和scaleX从矩阵回来？
推荐指数
解决办法
查看次数
动态计算css translate属性值
我试图缩放(X)子div元素以适应窗口调整大小的父div.我通过除以父宽度和子宽度来计算缩放比例,并且它完美地工作.
但是对齐不合适.最初我设置了我的子div div-left 50 px from parent div.它没有按比例维持.
这是HTML/css代码
#wrap {
margin-left:50px;
width:300px;
height:300px
}
#parentDiv {
width:500px
height:300px;
}
<body>
<div id="parentDiv">
<div id="wrap">
<img id="image" width="300px" src="http://placekitten.com/640/480" />
</div>
</div>
</body>
这是在调整大小时缩放的js代码
window.onresize = function() {
scaleDiv();
};
scaleDiv = function() {
parentWidth = $('#parentDiv').width();
scale = (parentWidth) / $('#wrap').width();
new_width = $('#wrap').width() * scale;
$('#wrap').css('-webkit-transform', ' scaleX(' + scale + ')');
}
经过一些谷歌搜索,我才知道我可以使用translateX属性来保持对齐原始.但我很惊讶如何计算翻译价值.
$('#wrap').css('-webkit-transform', 'translateX(20%)' + ' scaleX(' + scale + ')');
我把随机值20%放在翻译道具上,不合适.有人可以帮助我如何解决这个价值问题.
推荐指数
解决办法
查看次数
WPF客户端到屏幕点转换
我正在寻找一种转换方法,给出相对于屏幕上的Visual to Points的点数.我找到了这个解决方案
我无法理解它们之间的不同pointRoot,pointClient因为它们似乎始终是平等的:
// [...]
// Translate the point from the visual to the root.
GeneralTransform transformToRoot = relativeTo.TransformToAncestor(root);
Point pointRoot = transformToRoot.Transform(point);
// Transform the point from the root to client coordinates.
Matrix m = Matrix.Identity;
Transform transform = VisualTreeHelper.GetTransform(root);
if (transform != null)
m = Matrix.Multiply(m, transform.Value);
Vector offset = VisualTreeHelper.GetOffset(root);
m.Translate(offset.X, offset.Y);
Point pointClient = m.Transform(pointRoot);
// [...]
(完整代码点击链接)
似乎VisualTreeHelper.GetOffset(root)试图获得窗口的变换......
推荐指数
解决办法
查看次数
使用jQuery进行转换不起作用
我正在尝试使用jQuery作为时钟的动画变换.但它不起作用..我编写的代码如下:
var now = new Date();
var hr = now.getHours();
var min = now.getMinutes();
var sec = now.getSeconds();
hr = hr % 12;
hr = hr * 30;
$('#hour').animate({
step: function (hr) {
$(this).css('-webkit-transform', 'rotate(' + hr + 'deg)');
},
duration: 10
}, 'linear');
有关更多信息,请参阅我的JSFiddle
推荐指数
解决办法
查看次数
为什么变换顺序在Xcode中很重要？
这两个序列在应用此变换的图像层中给出两个不同的结果.我似乎没有理由......有人可以给出解释吗？
/* first sequence of transformation */
CGAffineTransform transform = CGAffineTransformIdentity;
transform = CGAffineTransformRotate(transform, M_PI / 180 * 30);
transform = CGAffineTransformTranslate(transform, 100, 0);
/* second sequence of transformation */
CGAffineTransform transform = CGAffineTransformIdentity;
transform = CGAffineTransformTranslate(transform, 100, 0);
transform = CGAffineTransformRotate(transform, M_PI / 180 * 30);
推荐指数
解决办法
查看次数
如何用css创建一个倾斜的边框
我想切割边框,如下图所示:
如果可能的话,它们被切除的区域应该是透明的.
这是我目前的代码:
.main {
height: 50px;
background-color: #d6d6d6;
}
footer {
height: 93px;
background-color: #ff6138;
position: relative;
}
.footer-info {
position: absolute;
bottom: 27px;
left: 33px;
}
footer span {
color: #ffff9d;
text-transform: uppercase;
font-weight: 300;
letter-spacing: 0.05em;
font-size: 1.1875em;
}
footer .tel {
color: #fff;
font-weight: 400;
font-size: 1em;
margin-left: 24px;
}
body {
background-color: #ff9200;
}
推荐指数
解决办法
查看次数
如何用CSS歪斜图像？
我想扭曲像这样的图像
它在我申请时工作 div
现在我想使用此代码img标记它不起作用.
这是我的实时代码:
https://jsfiddle.net/dbkvdq3u/5/
.steps-widget .step-img-box {
position: relative;
text-align: center;
padding: 12px;
margin-bottom: 6px;
height: 60px;
}
.steps-widget .step-img-box:before {
content: '';
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 51%;
z-index: -1;
-webkit-transform: skew(0deg, 6deg);
-moz-transform: skew(0deg, 6deg);
-ms-transform: skew(0deg, 6deg);
-o-transform: skew(0deg, 6deg);
transform: skew(0deg, 6deg);
}
.steps-widget .step-img-box:after {
z-index: -1;
content: '';
position: absolute;
top: 0;
right: 0;
height: 100%;
width: 50%;
-webkit-transform: skew(0deg, -6deg);
-moz-transform: skew(0deg, -6deg);
-ms-transform: skew(0deg, …推荐指数
解决办法
查看次数