Package Exports
- pixels2points
This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (pixels2points) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.
Readme
Description
Use this lib to create pixel pirfect designs in web or react-native/native-script projects
Instalation
Installing from git:
npm i -S git+https://git@github.com/ingvardm/pixels2points.git#master
yarn add git+https://git@github.com/ingvardm/pixels2points.git#masterInstalling from npm:
Installing from bower:
Usage
Require and configure:
const pixels2points = require('node_modules/pixels2points')
const calcSize = pixels2points.calculate
// configure device and design width in pixels
pixels2points.configure({
deviceWidth: 640,
designWidth: 750
})
console.log(calcSize(200)) // 170.66666666666666Use built in roundeing function to round output to nearest integer;
pixels2points.configure({
roundToNearestPoint: true
})
console.log('rounded ', calcSize(200)) // rounded 171Configure pixels2points to use custom middlewear function:
const myRoundingFunction = function(points){
return Math.floor(points)
}
pixels2points.configure({
roundToNearestPoint: false,
middlewear: myRoundingFunction
})
console.log('rounded down ', calcSize(200)) // rounded down 170Run with parameters:
var buttonWidth = calcSize(200, {
deviceWidth: 720,
middlewear: points => points > 150 ? 120 : 100
})
console.log('responsive button width = ', buttonWidth)
// responsive button width = 120Development
Contributing
To contribute to this project follow these guidelines