草庐IT

线性变换

全部标签

javascript - 获取变换后旋转物体的宽高

这个问题是问题的后续问题:width/heightaftertransform.我发布了一个新问题,因为该问题只解决了宽度而不是高度。公式:varx=$('#box').width()*Math.cos(rotationAngle)+$('#box').height()*Math.sin(rotationAngle);适用于宽度,计算高度的等效公式是什么?谢谢。 最佳答案 这是我想出的最有效的公式:varh=$(obj).height()*Math.abs(Math.cos(deg))+$(obj).width()*Math.abs

javascript - D3.js 线性回归

我搜索了有关构建线性回归的一些帮助,并在此处找到了一些示例:nonlinearregressionfunction还有一些应该涵盖这个的js库,但不幸的是我无法让它们正常工作:simple-statistics.js还有这个:regression.js使用regression.js我能够得到该行的m和b值,所以我可以使用y=m*x+b绘制我的图形线性回归后的线,但无法将这些值应用于线生成器,我尝试的代码如下:d3.csv("typeStatsTom.csv",function(error,dataset){//HereIplototherstuff,setupthex&yscaleco

javascript - 用于从变换矩阵中选择元素的正则表达式

我有以下方式给出的样式转换字符串:矩阵(0.312321,-0.949977,0.949977,0.312321,0,0)如何形成包含该矩阵元素的数组?关于如何为此编写正则表达式的任何提示? 最佳答案 我会这样做...//originalstringfollowsexactlythispattern(nospacesatfrontorbackforexample)varstring="matrix(0.312321,-0.949977,0.949977,0.312321,0,0)";//firstlyreplaceoneormore

javascript - 使用 CSS 3D 变换从 DOM 对象接收变换后的鼠标事件数据

目前在javascript鼠标事件中是否有任何数据可以让我轻松找到或计算相对于转换元素的3D空间的鼠标位置?为了直观地说明,左边是没有3d矩阵的div,右边是3d变换后的div。o是鼠标事件的来源+/|/|+-----++||||||o|=>|o|||||+-----++|\|\|+在下面的脚本中,单击div中的相同像素将报告一个位于文档/屏幕的二维变换空间中的event.layerX。我知道,但对解析div的matrix3d并使用它乘以事件位置以发现这一点的前景并不感到兴奋,但是在实际实现中,div将具有更复杂的转换,这需要在不止一个对象的每一帧上完成,我担心会带来的开销......

javascript - 仿射变换矩阵偏移

这几天一直在折磨我。不是开玩笑,但我一直在努力解决这个问题。我目前正在尝试使用仿射变换矩阵在HTML5中创建等距投影。我收到一个方block,它是一个旋转45度的正方形(本质上是方形Canvas上的方形菱形)。然后,我根据x或y方向是否存在增量来缩放其中一个轴。然后我将轴倾斜一个因子以适合。然后,我通过将初始旋转向后旋转-45度来取消初始旋转。目前,我的仿射矩阵是://note:thedifferenceinzisabout10inthisexample,//so,xDiffisusually40varxDiff=4*(center.z-map[x+1][y].land.z);vary

javascript - 用 JavaScript 解决线性方程和类似的代数问题

我是JavaScript的新手,我正在尝试编写一个简单的脚本来求解线性方程。到目前为止,我的脚本只求解正负线性方程,例如“2x+28-18x=36-4x+10”。我希望它也能够解决包含乘法和除法的线性方程/代数问题,例如“2x*3x=4/2x”。我有点知道下一步该做什么,但我认为我现在的脚本可能过于复杂,它只会让乘法和除法相加变得更加复杂。下面是我的脚本。我希望得到一些关于如何改进和简化我已有的东西以及添加乘法和除法的最佳方法的一些指示?我在JSBin上的脚本:http://jsbin.com/ufekug/1/edit我的脚本:ProblemSolverwindow.onload=f

javascript - 如何将变换矩阵应用于 Raphael JS 2 中的路径坐标?

我想在RaphaelJS2中应用或“烘焙”几个路径的转换,这样我就可以将它们组合成一个路径。这是一个示例路径,我希望将“transform”属性应用于所有“d”坐标。我了解到svg-edit框架可以将路径坐标转换为绝对位置,并去除过程中的变换矩阵。一些相关的问题,我无法从中得到答案:BakingtransformsintoSVGPathElementcommandsHowtoapplyatransformationmatrix? 最佳答案 这是一个为您应用所有转换的jsFiddle:http://jsfiddle.net/ecman

javascript - 如何使用 JavaScript 获取以度为单位的 CSS 变换旋转值

我正在使用代码foundatCSS-Tricks使用JavaScript获取当前旋转变换(在CSS中)。JavaScript函数:functiongetCurrentRotation(elid){varel=document.getElementById(elid);varst=window.getComputedStyle(el,null);vartr=st.getPropertyValue("-webkit-transform")||st.getPropertyValue("-moz-transform")||st.getPropertyValue("-ms-transform")

javascript - react native 圆变换翻译动画

您好,我希望animated.view像圆圈一样移动。我用窦想过这个,但它不起作用。有人知道该怎么做吗?我不想旋转View。它只是应该绕圈子移动。我是新来的本地人。如果有人能帮助我,那就太好了。//importlirariesimportReact,{Component}from'react';import{View,Text,StyleSheet,Animated,Button,TouchableOpacity}from'react-native';//createacomponentclassMyClassextendsComponent{constructor(){super()

javascript - 如何使 CSS 变换影响其他元素的流动

我使用带有transform属性的CSStransitions来在添加和删除元素时缩小元素。然而,这样做的一个问题是该属性不会影响其他元素的流动,因此看起来好像被删除的元素缩小了,然后其余元素突然跳了起来。如果我要为height属性设置动画而不是使用变换,这会很好,但是在实际使用中我使用的是可变高度的元素,所以我不知道我可以在什么高度之间设置动画。编辑:人们建议为height属性(如上所述不起作用)或max-height属性设置动画.max-height属性将在一定程度上起作用,但是您无法完美地对齐时间,因为转换会不断调整max-height属性超过元素的实际高度直到过渡时间结束。这些