首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    scetch入门 第2部分:文本,对齐和SVG在第3部分中了解如何导出文件

    选择文本后,查看屏幕右侧的Inspector。使字体大小为36,文本对齐中心和填充颜色为白色。 ? 编辑文字 如您所见,文本不是相对于矩形居中。要解决此问题,请按住Shift并同时选择矩形和文本。...选择两个对象 接下来,找到Inspector顶部的Align按钮,然后选择下面列出的两个按钮。这些是水平对齐和垂直对齐。 ? 水平和垂直对齐 现在让我们在页面的白色部分添加一些文本。...如果您查看右侧的检查器,您将看到一个显示“无共享样式”的下拉列表。 ? 没有共享风格 单击此下拉列表,选择“创建新共享样式”并为其命名。我把它命名为“顶部矩形” ?...顶部矩形共享样式 现在选择第二个画板中的另一个蓝色矩形并应用“顶部矩形”样式。 ? 选择其他矩形 现在,这部分很重要:确保只选择了一个矩形,而不是两个。编辑填充到#F5C923。 ?...将颜色更改为黄色 你在这里做的是用“顶部矩形”样式更改形状,这会影响项目中的两个矩形。你猜怎么着?您也可以使用文本样式执行此操作。 ? 创建文本样式 选择一条黑色文本行并创建一个新的文本样式。

    4.1K30

    sketch入门第1部分:画板和形状Sketch使产品设计变得非常简单。准备好了吗?转到第2部分

    第1部分:画板和形状 ---- 为什么我要写这个教程 今年,我在旧金山举行的大会上担任用户体验设计课程的助教。...此菜单包含创建新图层所需的所有工具。 ? 插入新图层 首先创建一个类似于画布的画板。您选择的大小决定了导出图像的最终尺寸。 ? 画板工具 选择Artboard工具后,您可以像这样手绘绘制画板: ?...选择画板 注意:如果您需要调整画板的大小,只需选择其名称并拖动显示在角落上的白色框。 Sketch使产品设计变得非常简单。 如果你想看整个画布怎么办?让我们尝试使用位于屏幕顶部的工具进行缩小。 ?...适合画布到屏幕 添加形状 现在您的画板完全可见,让我们添加一个矩形。位于“插入”>“形状”>“矩形”中。 ? 矩形工具 我在画板的顶部做了一个细条,就像移动应用程序中的导航栏一样。 ?...绘制矩形 接下来,找到右侧菜单,官方称为“检查员”。这里有一个“边框”部分,带有一个复选框。取消选中它以删除默认边框。 ? 删除边框 我们还可以更改边框上方部分的填充。我使用#104F​​8A。

    2.8K20

    裁图、抠图、换背景,PPT也可以

    圆角矩形、矩形、正多边形 那么可以直接使用PPT的图片裁剪工具 ➤选中图片 ?...可是白色背景太讨厌了 先用插入形状里的曲线勾勒出阿宝的大致轮廓 ? 完成之后依次选中底图、形状轮廓(注意先后顺序,很重要) ?...是不是一只背景透明的阿宝就诞生了 三 设置透明色 这种方法要求背景色与要保留的目标区域没有重复颜色 而且背景色要单一 还用阿宝的例子 先选中原图片 依次点击界面顶部的图片工具——颜色——设置透明色 ?...然后对着图片先单击一下 当鼠标变成带斜箭头的笔状图标时 对准图片中要取消的背景色(阿宝周围的白色)点击 此时背景的白色区域立刻消失 ?...将编辑区的删除范围调整到包括阿宝整个身体 区域中紫色是被删除区域 正常显示的是将要保留的区域 此时如果局部区域被多删或者多余的话 可以点击左上角添加删除区域或者保留删除区域 譬如刚才阿宝底部的阴影删除太多了需要保留

    2.8K100

    仅使用CSS,带你创建一个漂亮的动画加载页面

    它可以给我们一个很好的参考。正如你看见的,这个动画包含4步。 四个边框依次出现。 红色、桔色、白色矩形滑入。 三个矩形滑出。 边框消失。 我们只需要构建第一步和第二步。...,而桔色矩形在白色矩形的后面。...伴随着该转换,边框的颜色也在适当的时刻由透明变成黑色,这样顶部和右侧的边框就会按我们预期的方式动起来。...针对边框的动画,我们简单地为每个边框分配25%的时间。这次我们把矩形添加进来。经过一系列的尝试和试错,我们选择在1.5s内按照以下策略加载各个部分: 0 to 25%: 顶部和右边的边框出现。...25 to 50%: 底部和左边的边框出现。 50 to 65%: 红色矩形出现。 65 to 80%: 桔色边框出现。 75 to 90%: 白色边框出现。

    2.4K20

    一言不合就动手系列篇一-仿电商平台前端搜索插件(filterMore)

    最终filterMore诞生了,源代码已开源至GitHub:https://github.com/CrazyJson/filterMore 阅读目录 插件介绍 参数说明 使用案例 总结 回到顶部 插件介绍...只能自己动手,经过差不多一年的项目检验,足步完善,自认为已经比较成熟。 她尽可能地在以更少的代码展现更强健的功能,且格外注重性能的提升、易用和实用性。...回到顶部 参数说明 初始化参数大全 参数名 字符类型 释义说明 默认值 使用频率 searchBoxs Array 筛选条件项,详情参见searchBoxs参数大全 null 必须 search function...对外提供的调用函数 {"setValue":[]} key为要调用的函数名称 value:为函数调用参数 依据具体函数定 setValue函数为赋值函数 调用如下 $(".searchbox").searchFunctionCall...").searchFunctionCall({getParamList:null}) 回到顶部 使用案例  基本例子 //引用css <link rel="stylesheet" href="https

    1.1K90

    【Flutter】Flutter 照片墙 ( Center 组件 | Wrap 组件 | ClipRRect 组件 | Stack 组件 | Positioned 组件 | 按钮组合组件 )

    , 可以将组件切割成圆角矩形 ; borderRadius 属性用于设置圆角 , child 属性用于设置被切割的子组件 ; 代码示例 : // 设置底部的大图片 ClipRRect(...// 设置图片 child: Image.file(file, width: 120, height: 90, fit: BoxFit.fill,), ), 运行效果 : 下图中的圆角矩形就是使用...Positioned 组件 ) 二、Stack 布局组件 六、按钮组件组合 ---- 关闭按钮首先由按键功能 , 在最外围使用 GestureDetector 组件 , 监听器 onTap 点击事件 , 点击时删除对应的图片文件...Icon 白色图标 , 就组成了圆形的关闭按钮 ; 关闭按钮代码示例 : // 手势检测器组件 GestureDetector( // 点击事件 onTap: (){ setState...(() { // 从图片集合中移除该图片 _images.remove(file); }); }, // 右上角的删除按钮 child: ClipOval(

    8.4K20

    如何用Scratch 3绘制矢量图形 【Gaming】

    与其一次画一个物体,不如把它分解成单独的形状。查找圆、椭圆、三角形和矩形。使用照片或正在绘制的对象的实时模型可能会有帮助。...绘图工具 Scratch的矢量绘图工具箱是您找到绘制对象所需工具的地方: 图片7.png 下面是一些与绘制矢量图形相关的词汇: 画布Canvas:你画的地方;白色和灰色的盘是透明的 节点Node:沿对象路径确定对象形状的点...要更改圆的颜色,请选择箭头工具,单击圆以选择它,然后单击“填充”下的下拉菜单。这将打开用于更改形状的颜色、饱和度和亮度的选项。–如果希望形状透明,请选择带有对角线红线的白色框将颜色设置为“无”。...苹果底部通常比顶部小。单击并拖动两个边节点以选择它们。节点被选中时变为蓝色。 图片11.png 选择节点后,按键盘上的向上箭头将节点移向圆的顶部。 图片12.png 5....选择矩形工具。在画布上创建一个长而薄的矩形,在其中放置茎。 2. 使用“节点”工具来塑造矩形,使其类似于茎。把填充物换成你想要的颜色。 3. 使用箭头工具选择杆。

    5.6K00

    信息图制作教程案例

    步骤 1 首先使用矩形工具(M)画出背景,设置径向渐变。 步骤 2 该信息图的构思是四列分布,先建立参考线。 步骤 3 复制粘贴出同一个形状,顶部对齐,两个形状相接。形成四条参考线。...步骤 4 在中间的那条参考线上画一个白色的长方形矩形,与参考线中心对称。...将原来的参考线删去,保留与长方形矩形的两个边重合的两条参考线,这样就将原来的一条参考线变为固定间距的两条参考线,同理处理其他的两条参考线。...步骤 13 使用圆角、直角矩形、椭圆工具绘制小人的各个部分,然后将需要合并的部分选中,进行合并。 步骤 14 为了让这个小人承载更多的信息,我们将小人和图标相结合。...按照之前的方式绘制一个与小人同高度的图表,取消图标编组。将图标和小人一起选中,点击路径查找器-分割,然后取消编组,删除多余的内容即可得到第三张图的效果。 步骤15 同理可以绘制折线图。

    1.8K70

    Android样式的开发:layer-list篇

    上图Tab的背景效果,和带阴影的圆角矩形,是怎么实现的呢?大部分的人会让美工切图,用点九图做背景。但是,如果只提供一张图,会怎么样呢?...使用layer-list可以将多个drawable按照顺序层叠在一起显示,像上图中的Tab,是由一个红色的层加一个白色的层叠在一起显示的结果,阴影的圆角矩形则是由一个灰色的圆角矩形叠加上一个白色的圆角矩形... 以下是带阴影的圆角矩形: 的item可以通过下面四个属性设置偏移量: android:top 顶部的偏移量 android:bottom 底部的偏移量 android:left 左边的偏移量 android:...比如上面的例子,Tab背景中的白色背景设置了android:bottom之后才能看到一点红色背景。那么如果偏移量设为负值会怎么样呢?经过验证,偏移超出的部分会被截掉而看不到,不信可以自己试一下。

    1.1K10

    SpringBoot 使用JestClient操作Elasticsearch

    3.2 索引类操作 结合MySQL来看的话,索引可以理解为一个数据库,索引相关的操作可能不是很多,这里介绍相对比较常用的是创建索引和删除索引,如下: 3.2.1 创建索引 CreateIndex createIndex...= new CreateIndex.Builder(indexName).build(); 3.2.2 删除索引 DeleteIndex deleteIndex = new DeleteIndex.Builder...,也就是说一条数据,由于新增和修改在同一个方法内,所以这里也是对新增(和修改)和删除方法进行介绍,如下: 3.3.1 新增或修改文档 首先会判断索引是否存在,不存在的话会根据索引文档进行创建索引,然后进行新增或修改操作..."} } 3.3.2 删除文档(根据id) Delete index = new Delete.Builder(bookRequest.getId()).index(bookRequest.getIndexName...; import io.searchbox.client.JestResult; import io.searchbox.core.Delete; import io.searchbox.core.Index

    1.2K00
    领券