首页 / JAVASCRIPT / javascript-更改CSS3转换值？

javascript-更改CSS3转换值？

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript-更改CSS3转换值？，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含814字，纯文字阅读大概需要2分钟。

内容图文

我有一个带有转换的css3类

.temp{
    transform: rotate(45deg) scale(0.8,1.2) skew(60deg,-30deg);
}

那我怎样才能得到并改变从.temp旋转呢？仅旋转,不变形.
谢谢.

解决方法:

由于您的转换样式是在CSS中声明的,因此您必须从元素中导出计算出的样式以对其进行修改：

var temp = document.querySelector('.temp')
var styles = window.getComputedStyle(temp, null).getPropertyValue('transform');

这里的问题是,您将获得矩阵(至少是铬),类似于：

matrix(1.0555833735058735, 0.07578747639260253, 0.13126775968941418, 1.828324034537128, 0, 0)

因此,除非您想修改矩阵参数,否则建议您通过javascript而不是CSS来设置和修改样式：

var transform = 'rotate(45deg) scale(0.8,1.2) skew(60deg,-30deg)';
temp.style.transform = transform;

现在您可以执行字符串替换：

temp.style.transform = transform.replace(/45deg/,'90deg');

演示(使用Chrome的Webkit前缀)：http://jsfiddle.net/hZAvk/

内容总结

以上是互联网集市为您收集整理的javascript-更改CSS3转换值？全部内容，希望文章能够帮你解决javascript-更改CSS3转换值？所遇到的程序开发问题。如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容，请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/677681.html

来源：【匿名】

【上一篇】javascript-DOM加载和纯HTML附加【下一篇】javascript 怎么调用php方法

更多 ►

【javascript-更改CSS3转换值？】教程文章相关的互联网学习教程文章

javaScript中用eval()方法转换json对象【代码】

var u = eval(‘(‘+user+‘)‘); 1.对于服务器返回的JSON字符串，如果jQuery异步请求没做类型说明，或者以字符串方式接受，那么需要做一次对象化处理，方式不是太麻烦，就是将该字符串放于eval()中执行一次。这种方式也适合以普通javascipt方式获取json对象，以下举例说明：var u = eval(‘(‘+user+‘)‘);为什么要 eval这里要添加(‘(‘+user+‘)‘) ”呢？原因在于：eval本身的问题。由于json是以”{}”的方式来开始以及结束的...

JavaScript 字符串转数字（整数，浮点数，进制转换）【代码】

下面是使用parseFloat()方法的示例： parseFloat("1234blue"); //returns 1234.0 parseFloat("0xA"); //returns NaN parseFloat("22.5"); //returns 22.5 parseFloat("22.34.5"); //returns 22.34 parseFloat("0908"); //returns 908 parseFloat("blue"); //returns NaNparseInt进行转换时，将字符串转成相应的整数。浮点数以后的数字都不要了。 parseInt("1234blue"); //returns 1234 parseInt("22.5"); //...

javascript之类型转换

JavaScript是一种无类型语言，但同时JavaScript提供了一种灵活的自动类型转换的处理方式。基本规则是，如果某个类型的值用于需要其他类型的值的环境中，JavaScript就自动将这个值转换成所需要的类型。以下列出JavaScript一种特定类型用于一种特定环境下时所执行的转换。类型转换　值　　字符串　　　数字　　　布尔值　　　　　对象未定义　 "undefined" 　 NaN 　　　 false 　　　　　 Errornull 　 "nu...

JavaScript学习笔记（五）——类型、转换、相等、字符串【代码】

第六章类型相等转换等一、类型1 typeof();typeof是一个内置的JavaScript运算符，可用于探测其操作数的类型。例： 1 <script language="JavaScript" type="text/JavaScript">2 3var test1="abcdef"; //string 4 5var test2=123; //number 6 7var test3=true; //boolean 8 9var test4={...

JavaScript将输入的数字金额转换成对应的中文大写金额【代码】【图】

// 将输入的数字金额转换成对应的中文大写金额 // idNumber输入的数字金额，idCHN输出的中文大写金额function TransformNumberIntoCHN(idNumber, idCHN) {var number = document.getElementById(idNumber).value;if (!/^(0|[1-9]\d*)(\.\d{1,2})?$/.test(number)) {document.getElementById(idCHN).value = "";document.getElementById(idNumber).value = "";returnfalse;}var unit = "仟佰拾亿仟佰拾万仟佰拾元角分", str = "";nu...

Javascript类型转换的规则【图】

数据类型：原文：http://www.cnblogs.com/PowellZhao/p/5815738.html

javascript Date与string之间的转换

JavaScript 方法date to stringlet s = new Date().toLocaleString();console/log(s) ====string to datevar date = new Date("2018-9-21 14:58:43");//就是这么简单原文：https://www.cnblogs.com/javalinux/p/14592665.html

js 简繁转换【代码】【图】

js 简繁转换 1function copy(ob) {2var obj=findObj(ob); if (obj) {3 obj.select();js=obj.createTextRange();js.execCommand("Copy");}4 }5 6function paste(ob) {7var obj=findObj(ob); if (obj) {8 obj.select();js=obj.createTextRange();js.execCommand("Paste");}9 } 1011function cut(ob) { 12var obj=findObj(ob); if (obj) { 13 obj.select();js=obj.createTextRange();js.execCommand("...

黑马程序员_JavaScript变量转换和Jquery对象的转换

在实际编程过程中，有很多对字符串进行判断、拆分、比较、转换类型、校验等操作，下面我会总结下JavaScript变量转换和Jquery对象的转换。1.JavaScript 变量转换及字符串操作1.字符串变成int类型使用函数：parseInt();使用此函数，可将string类型变量转换为int类型。而且只能够对string类型变量使用。如果待转换string类型变量无发转换为int类型时，函数会返回NaN。实例如下：var v_Num = parseInt(‘256ok‘); // 赋值为 256var v_...

Javascript中的类型转换【代码】

第一部分：Javascript中类型转换的常用场景1.在使用运算符进行操作时，常用的运算符就是 + 运算符使用+运算符做运算时，由于只有字符串和数字才能够使用+运算符，那么使用时，会根据情况，将不同的数据类型，转换为字符串或者数字当+运算符左边的数据类型是数字时， 1 + null === 1 // 这里将null转为了数字0 1 + undefined // NaN undefined无法转为数字，那么就会 NaN 1 + NaN // NaN 注意的是 NaN === NaN 以及 NaN == ...

JavaScript数据容量单位转换（KB B MB GB....）【代码】

数据容量单位转换（KB B MB GB....）function bytesToSize(bytes) { if (bytes === 0) return '0 B'; var k = 1000, // or 1024 sizes = ['B', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB'], i = Math.floor(Math.log(bytes) / Math.log(k)); return (bytes / Math.pow(k, i)).toPrecision(3) + ' ' + sizes[i]; }原文：http://blog.51cto.com/dd118/2136481

javascript数据类型判断及数据隐式和显示转换【代码】

数据类型判断数据类型有 number string boolean null undefined function object 这些，那如何去判断数据对应的是哪种类型呢typeof可以判断对应数据类型写法： typeof data 或者 typeof(data) ，一般习惯写后面这种返回值有 number string boolean object undefined function 这些代码如下：console.log(typeof(123)) //number console.log(typeof(‘true‘)) //string console.log(typeof(true)) //boolean console.log(...

细说JavaScript数据类型及转换【代码】

细说JavaScript数据类型及转换JavaScript数据类型 1.Boolean（布尔）布尔：（值类型）var b1=true;//布尔类型 2.Number（数字）数值：（值类型）var n1=3.1415926;//数值类型 n1.toFixed(3);//四舍五入保留3位小数。 3.String（字符串）var s1=‘hello‘;//字符串类型字符串：（值类型，字符串不可变特性） 4.Undefined（未定义） undefined属于值类型，与其他值计算得到的结果不是我们想要的，但与数据库中的null稍有区别，比如...

带你玩转JavaScript中的隐式强制类型转换【代码】

正题开始前我想先抛出一个问题，==和===有什么区别？可能一般人会想，不就是后者除了比较值相等之外还会比较类型是否相等嘛，有什么好问的，谁不知道？！但是这样说还不够准确，两者的真正区别其实是==在比较的时候允许做强制类型转换，而===不允许。好了终于引出了今天的重点，我们平时肯定遇到过强制类型转换的时候，死活想不通为什么要这样转换（为什么这两个相等）的情况。那么下面我就以==为例，来说明一下其中强制类型转换的...

Razor 将C#对象转换成Javascript对象， json还原被转码的字符 &quot·· HTML转义符【代码】

Razor 将C#对象转换成Javascript对象在Razor中使用Json字符串，特殊字符被自动转义（如：\"->"）@{var jsonStr = Html.Raw(JsonUtil.ToJson(VieBag.data)); } <script> var data = JSON.parse(@jsonStr); </script> ViewBag.Data = list;<script type="text/javascript">//将数据对象转换为 JSON 格式，是为了在网页中通过使用JS将数据作为文本进行处理var data = @Html.Raw(Json.Encode(ViewBag.Data));for (var i = 0; i < ...

首页 / JAVASCRIPT / javascript-更改CSS3转换值？

javascript-更改CSS3转换值？

内容导读

内容图文

内容总结

内容备注

内容手机端

【javascript-更改CSS3转换值？】教程文章相关的互联网学习教程文章

JAVASCRIPT - 相关标签

CSS3 - 相关标签

JAVASCRIPT - 技术教程分类

JAVASCRIPT - 最新教程

JAVASCRIPT - 最热教程