首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

Sketch 91中文版「矢量图UI设计工具」

当您复制文档时,它不会包含任何评论、版本历史记录或特定共享设置,因此您将有一个全新的版本进行迭代,而不会影响原始设计。...以前,我们会根据您的显示器设置呈现非托管文档,但会将它们导出为 sRGB。...修复了将边框添加到使用下划线或删除线装饰的文本时停止出现的问题。修复了导致图层和页面列表在垂直滚动时意外水平滚动的错误。修复了导致交互在原型播放器中显示为活动的错误,即使它们各自的层被隐藏了。...修复了一个错误,该错误导致您从“插入”窗口拖到画布上的画板模板以您选择的相反(从左到右)顺序显示。修复了允许您通过将图层链接到自身来创建叠加层的错误。...修复了一个错误,该错误意味着原型播放器不会始终反映您对画板所做的最新更改。修复了导致不必要的点出现在您已转换为轮廓的路径上的错误。

1K20
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    十一、飞机大战(IVX 快速开发教程)

    点击图片组件在画布中绘制一个主角飞机。...点击图片后在画布中拖动鼠标绘制区域后将会弹出资源选择框: 选中我们需要添加的图片素材后,此时画布中就会出现主角飞机图片: 我们点击图片,拖拽到合适大小: 11.1.2 完成物理世界添加 为了方便之后飞机与敌机之间检测物理碰撞...点击飞机主角下的物体组件,在属性栏中将物体的固定旋转角度开启: 11.1.3 完成子弹对象反重力运动 接下来开始设置子弹自动发射,我们先在画布中再次添加一个子弹图片组件,并且在这个子弹图片组件下添加物体组件...,使用对象组组件的创建对象动作并设置模板对象为子弹对象: 我们接着给子弹设置一个初始的出现位置,这个位置我们可以设置成主角飞机的位置,之后再通过微调使子弹出现的位置在飞机机头即可: 我们运行程序将会发现子弹将会自动发射...: 11.1.5 子弹优化 此时子弹并不会自动消失,我们可以在顶部加一个矩形组件命名为顶部,该组件添加物体组件后,设置位置为固定 xy 坐标与固定旋转角度: 接下来我们为子弹添加一个事件,该事件触发为开始碰撞

    1.4K30

    【iVX 初级工程师培训教程 10篇文拿证】05 画布及飞机大战游戏制作

    点击图片后在画布中拖动鼠标绘制区域后将会弹出资源选择框: 选中我们需要添加的图片素材后,此时画布中就会出现主角飞机图片: 我们点击图片,拖拽到合适大小: 11.1.2 完成物理世界添加 为了方便之后飞机与敌机之间检测物理碰撞...点击飞机主角下的物体组件,在属性栏中将物体的固定旋转角度开启: 11.1.3 完成子弹对象反重力运动 接下来开始设置子弹自动发射,我们先在画布中再次添加一个子弹图片组件,并且在这个子弹图片组件下添加物体组件...,使用对象组组件的创建对象动作并设置模板对象为子弹对象: 我们接着给子弹设置一个初始的出现位置,这个位置我们可以设置成主角飞机的位置,之后再通过微调使子弹出现的位置在飞机机头即可: 我们运行程序将会发现子弹将会自动发射...: 11.1.5 子弹优化 此时子弹并不会自动消失,我们可以在顶部加一个矩形组件命名为顶部,该组件添加物体组件后,设置位置为固定 xy 坐标与固定旋转角度: 接下来我们为子弹添加一个事件,该事件触发为开始碰撞...最终考虑用户体验,我们在停止后再显示一个游戏结束文本。在前台中添加一个文本命名为游戏结束,默认为不可见: 在敌机触碰到主角时添加游戏结束文本显示操作即可:

    92320

    「Adobe国际认证」Adobe Photoshop,如何裁剪并拉直照片?

    自动居中预览启用此选项以便在画布的中心置入预览。 显示裁剪区域启用此选项以显示裁剪的区域。如果禁用此选项,则仅预览最后的区域。 启用裁剪屏蔽使用裁剪屏蔽将裁剪区域与色调叠加。您可以指定颜色和不透明度。...如果您启用“自动调整不透明度”,那么当您编辑裁剪边界时会降低不透明度。 删除裁剪的像素禁用此选项以应用非破坏性裁剪,并在裁剪边界外部保留像素。非破坏性裁剪不会移去任何像素。...2.在出现的“设置”菜单中,取消选择使用经典模式。 裁剪时拉直照片 注意:如果您使用的是 Photoshop 的最新版本,您可以在拉直图像时使用在裁剪区域上进行内容识别填充。...画布会自动调整大小以容纳旋转的像素。 要拉直照片,请执行以下操作之一: 将指针放置在角句柄靠外一点的位置,然后拖动以旋转图像。裁剪框内会显示网格,并且图像会在其后面旋转。...使用裁剪工具调整画布大小 您可以使用裁剪工具调整图像画布的大小。 在工具栏中,选择裁剪工具 。裁剪边界显示在图像的边缘上。 向外拖动裁剪句柄以放大画布。使用 Alt/选项修改键从各个方向进行放大。

    2.9K10

    【AI新突破】没Manus邀请码?试试Flowith,AI生产力工具新宠

    每天晚上可以在Discord频道蹲一下邀请码:​https://discord.gg/gjuXBWaU尽管二手平台出现高价交易,但官方强调“未开放付费渠道”,建议用户警惕诈骗。...五、无需抢Manus的邀请码,比肩Manus的FlowithFlowith是一款创新的AI生产力工具,通过二维画布界面和多种AI模型的交互,提供了一种全新的AI体验。...它支持多线程对话和节点式交互,允许用户在无限画布上自由创建和连接节点,实现思维的跳跃和发散。Flowith还提供了Oracle模式,能够自动规划和执行复杂任务,其性能与Manus相当。...用户可以在画布上同时与多个AI模型交互,提高工作效率,无需抢Manus的邀请码。其节点式交互方式使用户能够以多线程和发散式的思维与AI进行互动,适合多种场景下的需求。...“Manus不会淘汰人,但会用Manus的人会淘汰不会用的人。”

    30640

    【Android 性能优化】布局渲染优化 ( 过渡绘制 | 背景设置产生的过度绘制 | Android 系统的渲染优化 | 自定义布局渲染优化 )

    那么又会增加一次绘制 , 那么该 ImageView 组件肯定过渡绘制了 ; 二、 Android 系统的渲染优化 ---- 在 【Android 性能优化】布局渲染优化 ( CPU 与 GPU 架构分析 | 安卓布局显示流程...透明组件数据传递 Android 系统做了如下自动优化操作 , 当组件的背景是透明的 , 那么 CPU 将该组件转为多维向量图片 ( 多边形和纹理组成 ) 时发现该组件是透明的 , 该组件的图像信息就不会传递给...自定义组件过度绘制问题描述 : 自定义控件 , 在自定义的 onDraw 方法中 , 绘制多张图片 , 如果图片之间产生重叠 , 重叠绘制的部分就出现了过度绘制 ; 2....自定义组件绘制原则 : ① 两张图片 : 图片 A 和 图片 B ; ② 图片覆盖 : 当图片 A 被图片 B 覆盖时 , 只绘制图片 A 显示的部分区域 , 图片 A 被图片...B 覆盖的部分不再绘制 ; ③ 图片 A 只绘制没有被覆盖的部分 : 只在图片 A 显示的区域绘制图片 A 的区域 , 如下图黄色框中的区域 ; 3.

    4.7K30

    Unity3D之UGUI基础--画布的三种模式

    2D空间,只有x轴和y轴 覆盖模式:UI元素永远在3D元素的前面 几个相关属性: Pixel Perfect:勾选后UI和屏幕像素对应,UI图片不会出现锯齿边缘 Sort Order:当前画布的深度层级...二、Camera模式 全称:屏幕空间-摄像机模式(Screen Space-Camera),设置成该模式后需要指定一个摄像机游戏物体,指定后UGUI就会自动出现在该摄像机的“投射范围”内,和NGUI的默认...VR开发 Canvas Scaler(画布缩放) ?...UI布局的设计分辨率,如果实际分辨率大,UI会放大显示,如果实际分辨率小,UI会缩小显示。...(UI当中的一单元对应多少设计分辨率像素,最好跟图片设置一致,否则Image显示会与画布不匹配) Constant Physical Size: 通过调节 Canvas 物理大小来维持缩放不变。

    1.5K50

    有效解决3D游戏边缘锯齿现象及全面理解LayaAir引擎游戏屏幕适配!

    而按iPhone4分辨率 640 × 960进行全屏设计,那在iPhone3GS的屏幕下显示效果则如图1右侧,大量内容超出可显示区。 很显然,apple不会让图1的事情发生。...3.2.3 自动保宽高模式fixedauto fixedauto自动保宽高模式就是在保障设计宽高的内容,在任意机型的分辨率下一定都在全屏内显示。...而且由于改变了画布的大小,在物理分辨率差异比较大的屏幕上,也不会因为设计分辨率小了而导致模糊,仍然是高清的。...nav=zh-ts-1-8-2 需要注意的是,浏览器中运行的时候,引擎的自动横屏和自动竖屏,只能对画布进行旋转,如果用户的手机锁屏了,虽然游戏自动旋转过来了,但是浏览器没有旋转过来,会导致输入法依然按浏览器的方向弹出...如果在小游戏平台中运行,由于有横屏还是竖屏的配置,不会出现这个问题。

    2.4K10

    50个Axure画原型技巧,产品经理速学速用

    如果想在「画布」中展示出网格,可以使用快捷键「Ctrl+’」或者在画布的空白区域,鼠标右键,勾上「显示网格」,将会把网格显示出来。不过展示出网格并不好看,可以不展示网格,只要能自动网格对齐就行了。...在画布空白区域「鼠标右键」,设置标尺。然后把「显示标尺」「显示全局辅助线」、「显示页面辅助线」都勾上,就可以从画布左边、上边,拖出辅助线,帮助我们快速对齐。...23、拖动页面名称鼠标选择页面名称,直接拖入画布里,会出现页面名称的按钮框。可以用来做流程图,点击页面名称框,会直接跳转到对应页面。...24、页面快照拖动页面快照到画布里,双击弹出要引用页面选择框,选择引用的页面后,会出现页面预览。点击可进入对应页面,可用于页面概览图制作。...在设置显示时,推荐勾选“置于顶层”。注:当使用灯箱效果时,点击灰底区域,弹窗将会自动消失。44、实现非模态的效果比如弹出气泡弹窗后,想实现点击弹窗外的区域关闭弹窗的效果。

    17221

    Sketch for mac(矢量绘图UI设计软件)93 最新中文版

    修复了具有自动高度的文本图层在进入和离开编辑模式时可能会移动的问题,如果之前将它们设置为固定大小。修复了如果在检查器的覆盖部分中启用了“仅显示相同大小的符号”选项,则检查器中的符号菜单不会展开的错误。...修复了删除先前选择的组件后在画布和组件模式之间切换时会导致崩溃的错误。修复了背景模糊出现在画布上并带有轻微灰色调的错误。修复了如果光标位于其父组上时矩形上的角半径手柄会出现的问题。...修复了背景模糊可能在文档预览中显示黑色背景的错误。修复了当在图层上使用多个不透明填充时,被遮挡的填充在图层边缘仍然可见的错误。修复了在复制画板时,名称以数字结尾的画板会增加而不是附加到数字的问题。...修复了复制使用线性渐变的非方形图层的 CSS 属性会显示错误渐变角度的错误。修复了某些插件在 macOS Ventura beta 中无法运行的错误。...修复了直接在画布上覆盖文本可能会扩大其字体大小的错误。修复了执行多选时图层列表中选定图层的图标颜色不正确的问题。修复了在组内交换 Symbol 实例不会正确更新组边界的问题。

    1.6K30

    腾讯文档Doc Canvas渲染引擎流程改造

    解决历史问题Doc文档滚动过程中偶现渲染空白(safari浏览器出现频率较高):图片1.2....canvas画布最大尺寸都会有限制(超过限制canvas的渲染将会失效):图片一般而言应用中的canvas尺寸都不会超过上述限制,可以正常使用,然而在移动端iOS/safari canvas的尺寸限制会小很多...canvas画布尺寸时,drawImage的失败概率会大大增加导致渲染出现空白(width:4600px ,height:1600px时,失败概率50%以上)对照实验结果说明渲染空白问题确实和drawImage...,可视区域覆盖的分页数量减少,此时为了尽可能dom复用,可以保留不在可视区域的分页视图dom;但会导致放大后的分页对应canvas画布过大(如上述2.1.2的描述,在iOS移动端过大的canvas画布会因为尺寸和显存限制导致...(注:设置width和height为0进行回收的方式,在chrome可以正常回收显存;且在safari进行测试也是能正常回收,但safari devtools显示内存一直占用,此点尚且存疑)增加canvas

    4.9K130

    前端问答:如何用 JavaScript 让 HTML Canvas全屏显示

    你是不是也遇到过这样的问题:在制作一些网页小游戏、炫酷的网页动画或者数据可视化时,想让画布(Canvas)全屏显示,让用户的体验更加沉浸?...今天我们来聊聊如何用JavaScript让HTML中的Canvas画布全屏显示,做到页面随便怎么调整大小,画布都能完美适应整个窗口。 我们以开发一个简单的全屏小游戏为例子。...第二步:让Canvas自动全屏 为了让Canvas全屏显示,我们需要在页面加载时动态设置它的宽度和高度为浏览器窗口的大小。而且,用户调整窗口大小时,画布也要跟着变化。...而且在这个过程中,不论玩家如何调整窗口大小,游戏画布始终都能覆盖整个窗口区域,游戏内容不会被压缩或者扭曲。...比如一个全屏的数据图表,随着窗口大小的调整,图表的内容也自动跟随变化,不会让用户觉得布局混乱。

    24910

    精读《如何抽象可视化搭建》

    如果不抽象,当搭建项目做到后期可能会出现 API 杂乱,难以维护的问题;做到一半甚至会怀疑为什么需要一个搭建框架,怀疑把框架去掉会不会效率更高;在后期发现不能自然的水平拓展到仪表盘、大屏、表单搭建场景等...精读 什么是可视化搭建 表单搭建、中后台应用搭建、BI 仪表盘搭建、大屏搭建都算可视化搭建,因为它们都是在一个画布上拖拖拽拽完成的。 那么组件配置表单算搭建吗?聚焦单组件分析的可视化探索呢?...但真正要上手时,一定会遇到以下几个通用问题需要处理: 定义组件树结构 无论做表单搭建、报表搭建、大屏搭建还是脑图画布,第一个想到的肯定是如何描述这个画布结构,而无论画布是横着排还是竖着排,横竖都是一棵树...比方说,我们在组件 Mount 的实际监听了联动、实现取数、设置冻结等等效果,虽然也可以实现,但会遇到要不要抽象的问题: 如果不抽象,业务代码就会乱糟糟的,比较难读。...组件渲染 通常一棵树按照 json 结构描述自顶向下自动渲染就可以了,但也有一些时候,比如内嵌一个富文本组件,而富文本内又嵌入一些画布组件,这些组件需要像普通画布组件一样可交互,此时就有 渲染一个不存在于组件树的组件实例

    80030

    2.38 PowerBI数据建模-数字单位的3种方案

    默认按照最大值的数字量级显示单位,小量级数字也会变成0;4 不管是固定单位还是自动单位,浏览器语言如果是中文,会出现一排看起来不友好的“千”、“百万”等;5 度量值使用FORMAT后会变成文本,不支持从小到大排序...Sales_单位表 = VAR _vm_Figure = SUM(Fact_Sales[销售额])RETURN DIVIDE(_vm_Figure,SELECTEDVALUE('单位表'[数量级], 1))在画布中显示如下...这个动态格式字符串功能不会把度量值改为文本,只是在报告显示的时候,按照此文本字符串格式显示,其中的格式设置可以参考FORMAT函数的数字格式。...在画布中显示如下:报告发布后,在网页中导出数据时选择.xlsx格式,导出后仍然是数字格式。如果选择.csv或者在PowerBI桌面版中导出(也是csv),就不是数字格式了。...>=-1E8, """" & FORMAT(-[Sales]*100,"#,#,,.0" & " 万"), """" & FORMAT(-[Sales]*10,"#,#,,,.0" & " 亿"))在画布中显示如下

    8610

    可视化大屏的几种屏幕适配方案,总有一种是你需要的

    这个是最简单的方案了,相当于不适配屏幕,画布配置了多大实际就是多大,不随屏幕的变化而变化,所以各个组件的宽高也是在配置后不会改变,一般用于尺寸固定且后期不会改变的可视化大屏。...= ref(0); const canvasTop = ref(0); // 如果屏幕的宽或高比画布的大,那么居中显示 let windowWidth = window.innerWidth; let...,是的话通过left或top来调整: 自适应宽度 即宽度适应屏幕,高度不变,这种方案的缺点是垂直方向上会出现滚动条。...ratioWidth + 'px', top: top + 'px', }" > 自适应屏幕 即宽高都自适应,和上一种方案相比,这种横竖都不会出现滚动条...第一种情况,假设画布的宽是高的两倍,那么比例为2,要保持原比例2适应屏幕,显然只能宽度和屏幕一致,高度自适应,因为如果高度和屏幕一致,那么宽度需要是高度的两倍,屏幕显然显示不下: 第二种情况,假设画布的高是宽的两倍

    3.2K41

    Sketch 94 mac,草图94中文最新版支持M1,支持macOS Ventura 13

    现在,只要将鼠标悬停在其边缘或调整手柄大小,选择的宽度和高度就会出现。我们还移除了选区边缘的调整大小手柄,仅将它们留在四个角上。...您现在可以直接在画布上编辑符号中的文本层。将鼠标悬停在文本层上,按T,单击它并输入。您现在可以像使用任何其他图层一样隐藏和显示嵌套符号 - 点击退格键将隐藏嵌套符号而不是删除它。...修复了在 macOS Ventura Beta 上使用 Mac 应用程序时,检查器中的弹出按钮标签不会出现的问题。修复了将原型链接添加到非常大的组时可能发生的崩溃。...修复了颜色弹出框内的弹出按钮标签不会出现在 macOS Ventura Beta 中的问题。修复了使用选定的画板将图像拖放到画布上会忽略您放置它的位置的问题。...修复了如果叠加层是自动链接目标,则叠加层预览无法正确显示的问题。修复了一个错误,如果交互在文本层上,您将无法在画布周围移动叠加层。修复了在画板之外扩展的带有阴影或模糊的叠加层无法正确渲染的问题。

    11K70

    【Python贪吃蛇】:编码技巧与游戏设计的完美结合

    更新和动画:通过update()方法可以刷新画布显示,实现动画效果。 事件循环:turtle模块提供了事件循环,允许程序保持运行状态直到用户关闭窗口。...turtle.forward(size) turtle.left(90) turtle.end_fill() turtle.penup() 这是让画笔抬起,这样当乌龟移动到绘制方块的起始位置时,不会在画布上留下痕迹...绘制更新:清除画布,重新绘制食物和蛇身。食物用蓝色方块表示,蛇身用黑色方块表示。 动画效果:使用turtle.update()刷新屏幕显示,使上述绘制更新生效。...循环调用:通过turtle.ontimer设置定时器,每隔300毫秒自动调用一次sanke_move函数,从而实现蛇的连续移动,形成动画效果。...将其设置为False可以关闭绘制方块时的动画效果,使方块几乎是立即出现的,这对于需要快速更新屏幕的游戏来说是必要的。

    25910

    Android OpenGL开发实践 - 基于OpenGL ES 2.0的Android相机实时图片涂鸦实现思路

    这篇文章将给大家讲解如何在Android系统上基于OpenGL ES 2.0来实现相机实时图片涂鸦效果,所涂内容跟随人脸出现、消失、移动、旋转及缩放,在这里,我们假设您: 已经搭建好一个相机框架,能够获得相机的预览图像...因为OpenGL默认是渲染到屏幕的,我们往画布上画东西并不希望马上显示出来,因为画布还要贴到脸上,之后再显示出来。 坐标变换 有了涂鸦画布之后,下一步就是如何将涂鸦的内容画到画布上。...因为如果涂鸦画布实际尺寸设置得很大,相当于画布的分辨率很高,这样画出的东西就比较精细,从而耗时也会增加,而进行显示放大不会增加涂鸦画布的实际尺寸,只相当于把一个小的东西在显示时扯大了,会稍微变模糊一些。...因此,可以将涂鸦画布的实际大小设置得适中一些,再进行适当地显示放大,来使得画布不至于被跟着缩小至比屏幕还小,同时又让画布的分辨不会过高而增加绘制耗时。...加上了涂鸦画布显示缩放比例后,坐标换转的计算逻辑也要相应地作修改,假设display_scale是设置的画布显示缩放比例,沿用之前的例子,如果画布被放大显示了,算出的点会有相应的偏移,调整示意图如下:

    7.3K130

    函数防csxiaoyao.com抖(debounce)和节流(throttle)在H5编辑器项目中的应用

    1.2 刷新率的必要性 目前大部分的显示器的刷新率是 60hz,而且人的肉眼也只能分辨出一定频率的变化,可以说1000fps和100fps对于人体感官的差异是微乎其微的,目前主流浏览器的 mousemove...很多时候,开发者会优先用遮罩层来防止用户重复点击,其实,理论上单用遮罩是不能防重的,因为如果客户端性能不足,遮罩层的显示会在用户多次点击之后。...3. scroll 时画布计算与标尺绘制 在滚动画布时候,canvas 绘制的标尺需要固定在屏幕位置,但刻度需要跟随画布移动,计算新的起点、绘制辅助尺等工具,函数节流也非常合适 4. resize 时重绘整个画布...由于 resize 可能带来整个画布尺寸的变化,重绘画布是非常必要的,否则可能出现样式错位等问题,虽然一般用户调整窗口尺寸的次数不多,但是使用函数节流后的体验还是非常好的。...配置信息保存 越来越多的产品倾向于使用无保存按钮的交互方式,用户每操作完一步后自动提交请求保存,如果使用函数防抖,H5编辑器就可以减少例如计数器频繁操作触发的保存频率。 4.

    9910
    领券