React像素完美 进行编码时,将标记设计上传到屏幕上并进行比较。 为什么 您是否曾经尝试在标记后创建一个屏幕,但看起来并不完美? 创建一个像素完美的屏幕很难在监视器,标签之间切换您的视线,而设计人员在进行质量检查时总是发现要固定的间距,颜色和线条高度。 React Pixel Perfect将设计标记放在您的布局上,因此,您可以看到它们之间的差异,并控制其位置,大小和不透明度。 设计师还可以使用进行质量检查,输入屏幕的URL进行检查。 安装 npm install -D react-pixel-perfect // or yarn add -D react-pixel-perfect 用法 导入主要组件,然后包装到要比较的应用程序或页面的顶层。 import PixelPerfect from "react-pixel-perfect" ; function App ( props