javascript - 如何优雅地用js计算两个像素之间的加、减、乘、除
黄舟
黄舟 2017-04-10 15:35:35
[JavaScript讨论组]

如题。现在有不少需求需要计算像素,但直接用诸如“3px”-“2px”这样的会产生NaN。所以我通常都是用正则提取出px前面的数字然后计算再用字符串拼接加上px,私以为这样的方法很笨,请问有没有更好的方法?

黄舟
黄舟

人生最曼妙的风景,竟是内心的淡定与从容!

全部回复(5)
黄舟

希望有帮助:
http://stackoverflow.com/questions/3024084/jquery-javascript-how-do-i-...

阿神

上一个应用刚好有这个需求~~~

我是这么做的,

var px = (parseInt('3px')-parseInt('2px'))+'px';

parseInt()暴力转换,带像素值的字符串会直接转换成数字,后面的px会被忽略,然后数字和字符串用+链接,最后的结果又被转换成字符串,搞定! 不必用正则匹配

自我感觉这样不算优雅,算流氓。。。。。。

PHPz

现在目前比较好的方案是使用parseInt("20px")将像素转为数字然后计算,最后再加上'px'。。

阿神

function count(a,b){return a + b + 'px'}

阿神
javascriptvar px = (3 - 2) + 'px';
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号