首页 / JAVASCRIPT / javascript-是obj.style.WebkitTransform =“ rotate(”度“ deg”“;非常精准？

javascript-是obj.style.WebkitTransform =“ rotate(”度“ deg”“;非常精准？

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript-是obj.style.WebkitTransform =“ rotate(”度“ deg”“;非常精准？，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含2145字，纯文字阅读大概需要4分钟。

内容图文

当我以1度之类的小角度值检查旋转功能时,旋转功能会不能精确到位？

因为我注意到了这一点,所以我的计算结果是正确的,但是物体可能会或多或少地倾斜一点.

我使用js-control-css旋转创建了一个1个小时的倒计时时钟,但是在计算出的值正确的情况下,它仍然有可能出现一些未对准的情况. http://jsbin.com/exIFAPIS/1/(您可以在名为“ sendTime”的javascript的开头调整开始时间)

谁能帮我一个忙,或给出一些提示或可能的原因？

非常感谢！

解决方法:

首先,很棒的计时器芽！

整个过程运行良好,事实上,我真的很想解决您的问题,只是希望它能完美运行.

问题在于旋转仅偏离了一定角度.这似乎很小,但实际上它对于旋转属性而言是很大的误差范围.否则,在正常的日常应用程序中很容易分辨出来.例如基本的90度和180度转换. 181-179是一个很大的差异.

为了说明这一点,请查看以下小提琴：

http://jsfiddle.net/agconti/x8PFL/1/

的HTML：

<div id="div-1"><p>reference text</p></div>
<div id="div-2"><p>reference text</p></div>
<div id="div-3"><p>reference text</p></div>
<div id="div-4"><p>reference text</p></div>

CSS：

div { 
    width: 100px; 
    height:100px; 
    border: 1px solid black; 
    display:inline-block;
}
p{ margin: 25%; text-decoration:underline;}
#div-2 {
    -webkit-transform: rotate(179deg);
    -moz-transform: rotate(179deg);
    transform: rotate(179deg);
}

#div-3 {
    -webkit-transform: rotate(181deg);
    -moz-transform: rotate(181deg);
    transform: rotate(181deg);
}
#div-3 {
    -webkit-transform: rotate(181deg);
    -moz-transform: rotate(181deg);
    transform: rotate(181deg);
}
#div-3 {
    -webkit-transform: rotate(181deg);
    -moz-transform: rotate(181deg);
    transform: rotate(181deg);
}
#div-4 {
    -webkit-transform: rotate(179.8deg);
    -moz-transform: rotate(179.8deg);
    transform: rotate(179.8deg);
}

您可以看到,即使在div-4中,也存在一定程度的失真(也就是并非完全笔直).这意味着rotate属性可以精确到小数点后一位

(/-如果达到179.9deg,则保留小数点后1位).因此,回答您的第一个问题；是的,旋转属性的精度至少为1度.

因为您的示例偏离了大约0.5度(在通过眼睛进行调整之后),所以显然您的计算必须处于关闭状态,而不是旋转属性,因为0.5度完全在属性的公差范围内.[1]

[1](STD +/- 1 deg-> 5 deg是标准偏差的5倍,(当然可以粗略地说)).

我不排除您的计算中的累积舍入会导致错误,考虑到测试,这似乎不太可能.如果您检查数学并且仍然遇到错误,为了保护自己免受精度损失,您可以将整数进行十进制计算,然后将结果除以转换值.

内容总结

以上是互联网集市为您收集整理的javascript-是obj.style.WebkitTransform =“ rotate(”度“ deg”“;非常精准？全部内容，希望文章能够帮你解决javascript-是obj.style.WebkitTransform =“ rotate(”度“ deg”“;非常精准？所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

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

内容手机端

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

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

来源：【匿名】