作者热门文章
- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
有没有办法让 Stylus 计算 x
的平方根?
你知道,就像 JavaScript 的 Math.sqrt(x)
一样。
我正在创建一颗应该以原点为中心的钻石。我目前正在使用以下代码:
vendor(prop, args...)
-webkit-{prop} args
-moz-{prop} args
-o-{prop} args
-ms-{prop} args
rotate(r)
vendor('transform', unquote('rotate('+r+')'))
rotate r
.diamond
display block
width 7ex
height @width
line-height @height
rotate(-45deg)
/* calc offset of a rotated square
* @width * @width = $offsetX * $offsetX + $offsetY * $offsetY
* @width * @width = ( $offset * $offset ) * 2 // for a square: $offsetX= $offsetY
* ( @width * @width ) / 2 = ( $offset * $offset )
* sqrt(( @width * @width ) / 2) = $offset
* @width * sqrt(2) = $offset
*/
$offset = @width / 1.41421356237 // =sqrt( 2 )
margin (- $offset) 0em 0ex (- $offset ) // center the diamond on its origin
padding 0ex 0em
background-color red
正如您所看到的,我设法在没有实际计算平方根的情况下计算出来,而是使用了一个常数值。但是当我看着 Built-in Functions of Stylus , 我找不到任何计算平方根的方法。
有没有办法让手写笔计算x
的平方根?
因为最好的办法是拥有一些像LESS has built in.这样的好函数
最佳答案
作为answered there您可以为此使用内置的 math
函数,这样自定义的 sqrt
看起来会更好:
sqrt(x)
return math(x, 'sqrt')
关于stylus - 如何在手写笔中计算平方根,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21033346/
我是一名优秀的程序员,十分优秀!