PxCook的基本使用

已于 2022-02-24 19:54:06 修改
阅读量7.2k 收藏 11
点赞数 6
分类专栏： CSS基础 文章标签： css3 css 前端
于 2022-02-24 19:17:24 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/AAAAA1235555/article/details/123115057
版权

PxCook的基本使用

目标： 能够使用 PxCook 工具测量设计图的 尺寸 和 颜色 ，能够从psd文件中直接获取数据

软件可在官网进行下载（目前免费 2022.2.24 ）

1. 通过软件打开设计图

1、创建项目
在这里插入图片描述

2、图片载入

在这里插入图片描述

3、进入界面

在这里插入图片描述

2. 常用快捷键

  1. 放大设计图： ctrl + +
  2. 缩小设计图： ctrl + -
  3. 移动设计图： 空格按住不放，鼠标拖动

3. 常用工具

3.1. 量尺寸

在这里插入图片描述
在这里插入图片描述

3.2. 吸颜色

在这里插入图片描述
在这里插入图片描述

4. 从psd文件中直接获取数据

1、将文件导入软件中

2、切换到开发界面，直接点击获取数据
在这里插入图片描述

GT-一二
关注
专栏目录
PxCook 高效智能的研发设计工具。点击设计稿即可生成前端代码的智能标注切图软件
actionscript 3.0 学习笔记
09-07 9074
PxCook 像素大厨设计师一键拖拽上传后。然后程序员点击pxcp即可生成css xml swift objective-c还有NativeReact的代码了。支持画板解析、项目。 这次3.0版本相比于之前更加高效，易用。支持 Win & Mac ，并且是支持PS和Sketch全平台。 拖拽即用和一键流不但体现在设计稿导入上，生成代码也一样。
PxCook.zip
09-20
用户在开发或者调试网络程序或者是网页B/S模式的程序的时候是需要一些方法来跟踪网页请求的，用户可以使用一些网络的监视工具比如著名的Firebug等网页调试工具。今天给大家介绍的这款网页调试工具不仅可以调试简单的...
pxcook的新手使用，测量图片，取色
m0_48462345的博客
11-26 2251
Pxcook使用，截图
HTML与CSS基础（五）—— CSS布局（盒子模型）、PxCook使用
此心光明事上练的博客
01-07 1360
1. 盒子的概念1. 页面中的每一个标签，都可看做是一个 “盒子”，通过盒子的视角更方便的进行布局2. 浏览器在渲染（显示）网页时，会将网页中的元素看做是一个个的矩形区域，我们也形象的称之为 盒子2. 盒子模型内容区域（content）、内边距区域（padding）、边框区域（border）、外边距区域（ margin）构成，这就是 盒子模型3. 记忆：可以联想现实中的包装盒。
前端开发利器--PxCook（像素大厨）
热门推荐
会思想的苇草i的博客
03-30 6万+
PxCook（像素大厨）是一款前端开发利器，提供高效易用的自动标注工具和生成前端代码的功能。它可以帮助设计师和开发者进行设计研发协作，极大地提升工作效率。无论是自动标注还是生成代码，PxCook都能提供便捷而准确的解决方案，使前端开发变得更加轻松和高效。
CSS3【CSS 三大特性、PxCook的基本使用、盒子模型[盒子模型的介绍、内容区域的宽度和高度、边框（ border ）、内边距（ padding ）、外边距（margin）]】
m0_52896752的博客
12-23 544
@[TOC](文章目录) --- # 一、CSS 三大特性 ## 1.1 优先级的介绍 - ➢ 特性：不同选择器具有不同的优先级，优先级高的选择器样式会覆盖优先级低选择器样式 - ➢ 优先级公式： - • 继承 < 通配符选择器 < 标签选择器 < 类选择器 < id选择器 < 行内样式 < !important - ➢ 注意点： - 1. !important写在属性值的后面，分号的前面！ - 2. !important不能提升继承的优先级，**只要是继承优先级最低！** -
PxCook像素大厨
01-03
至于提供的"使用说明.txt"，通常会包含软件的基本操作指南、快捷键介绍以及常见问题解答等内容，这对于初学者来说是极有价值的参考资料，可以帮助他们快速上手并熟练掌握PxCook的各项功能。 总的来说，PxCook像素...
pxcook前端注释工具
12-03
在网页设计中，像素是基本的度量单位，精确的像素控制对于实现细腻的界面至关重要。PxCook允许用户直接在浏览器中测量页面上任意元素的宽度、高度以及它们之间的间距，确保元素尺寸的精准无误。这对于响应式设计和高...
pxcook ubuntu版本
01-03
PXcook在Ubuntu上的运行与在其他操作系统上的运行基本相同。 首先，在Ubuntu上安装PXcook并不困难。用户可以通过下载PXcook的安装包，然后按照安装向导的步骤进行安装。安装完成后，用户可以在Ubuntu的应用程序菜单...
PxCook，比markman好用的标注软件
04-18
有了这个瓜，忘了马克鳗。 很好用的一款标注软件，还可以配合psd文档快速分析样式的代码。
PxCook安装包
08-29
PxCook优点在于将标注、切图这两项设计完稿后集成在一个软件内完成，支持Windows和Mac双平台。 标注功能包括：支持长度，颜色，区域，文字注释。 其中比较有特色的是： 1.长度标注针对移动端设计，支持px与dp直接的单位转换 2.注释的文字字体样式可以自定义 3.自带实时放大镜，省却了反复放大的操作。 4.长度标注的数字可以自己手动改，设计时可以小小的偷个懒~ 5.标注的各种颜色可以自定义，灵活性不错。
pxcook_v3.4.4
07-22
PxCook_v3.4.4_build_201804130119.air
pxCook可以在图片内取色，量尺寸的操作
02-11
简易版的ps，可以在图片内取色，量尺寸的操作。简易版的ps，可以在图片内取色，量尺寸的操作
PxCook高效自动标注工具
06-30
PxCook高效自动标注工具，根据PSD文件，自动标注出间距PX值和样式设置，方便前端开发。
pxCook最新最全的的PS处理软件程序
11-19
设计师可以在Photoshop中进行创意设计，然后使用PxCook进行后续的优化和切图工作，形成高效的设计制作流程。 ### 8. 更新与支持 随着“ps2020”这样的文件名出现在压缩包中，我们可以推测PxCook已支持Adobe Photo...
前端开发必备利器---像素大厨PxCook
最新发布
atatsuki的博客
05-14 5105
3. 文本属性：color / font / text-decoration / text-align / vertical-align / white- space / break-word。复习点：我们用到清除浮动，因为 box-hd 里面的盒子个数不一定是多少，所以我们就不给高度了，但是里 面的盒子浮动会影响下面的布局，因此需要清除浮动。3 号盒子为底下部分，box-bd -- 里面是无序列表，有 10 个小 li 组成。1 号盒子是通栏的大盒子 banner，不给宽度，给高度，给一个蓝色背景。
pxcook导出html代码,Pxcook标注工具的具体使用方法介绍
weixin_42519565的博客
06-27 1181
有的用户还不会使用Pxcook标注工具，下文是小编给大家分享的Pxcook标注工具的具体使用方法，希望对你们有所帮助哦。1、下载安装PxCook后进入sketch界面，点击下图图标。 2、点击后在左侧选择需要导出的图层，点选“导出选中的画板”，点击“导出到pxcook”， 3、点击后跳转到pxcook界面，首先输入项目的名称进行命名， 4、输入项目名称后需要选择格式，如下图ios、Android或...
PxCook（像素大厨）
weixin_33871366的博客
04-13 1065
PxCook（像素大厨）是一款切图设计工具软件。自2.0.0版本开始，支持PSD文件的文字，颜色，距离自动智能识别。 优点在于将标注、切图这两项设计完稿后集成在一个软件内完成，支持Windows和Mac双平台。 标注功能包括：支持长度，颜色，区域，文字注释。 最重要的是不仅功能强大，而且完全免费 1. 智能标注，真正解放双手 基于PSD文件和与Sketch文件的智能标注，自动识别距离，颜色，区域，...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

GT-一二

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值