问题标签 [sketchapp]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
2 回答
1058 浏览

svg - 如何在草图应用程序中绘制圆环图,生成正确的 SVG 代码

我对草图应用程序生成甜甜圈图的方式几乎没有问题。

这就是在 Sketch 应用程序中构建甜甜圈图的方式

请参考截图跟随要关注的屏幕截图

  1. 我创建了一个 200 像素 x 200 像素的圆圈
  2. 空填充。行程 25(中心位置)。这将是空状态圈,所以我将其着色为灰色
  3. 我已经复制了这个基圆来创建我的第一个 50% 段(总共 3 个,50%、25%、25%)
  4. 对于我的第一个 50% 段,“破折号”的长度为 314。似乎破折号是从 6 点钟位置绘制的,并沿逆时针方向移动(这在其他段中会更明显)。但是,我更喜欢它从 12 点开始并顺时针方向移动。
  5. 复制圆圈以创建 25% 的第二段,这等于 157 的“Dash”和 471 的“Gap”。
  6. 由于画圆的方式(见第 4 点),我应用了 90 度的变换
  7. 最后一段,和第二段类似,只是变换了180度
  8. 生成的 SVG 不代表 Sketch Questions 中绘制的内容:

    • 如何确保最终的 SVG 看起来像 Sketch 应用程序中设计的那样
    • 在草图中,如何确保笔画从 12 点钟位置开始(我猜是变形?)并顺时针绘制。

Sketch 生成的代码 ( https://jsfiddle.net/BrightPixels/932w6j9d/ )

0 投票
0 回答
307 浏览

svg - 使用整数值绘制导出 SVG

当我从 MAC Sketch App 导出 SVG 时

我有两个问题:

1)删除不需要的标签

2)我需要导出所有路径舍入到最接近的整数并创建路径。
它导出为:

设置为导出如下:

请帮我解决这个问题

0 投票
1 回答
275 浏览

shape - 如何在 Sketch 中创建部分重叠的形状?

在此处输入图像描述

这就是我想要的效果。粉红色的线是与圆圈重叠的形状的“尾巴”,灰色部分是圆圈尾部的阴影。我该怎么做?谢谢!

0 投票
0 回答
571 浏览

ios - 如何在 iOS 11 中做圆角或超椭圆?

Sketch 47 刚刚实现了平滑的角落,Apple 自 iOS 7 以来已经为应用程序图标使用了超级椭圆,有没有办法以同样的方式使 UIView 的角落变圆?

超椭圆公式 (1 = |x/60|^5 + |y/60|^5) 适用于应用程序图标,但在调整较大尺寸时看起来有点奇怪。

0 投票
1 回答
46 浏览

flowchart - 在 Sketch 中将箭头锚定到形状

我知道这是一个非常基本的问题,但我无法在任何地方找到答案。

有没有办法将箭头(或线)锚定到特定形状,以便当形状移动时它会拖动箭头/线?

现在,如果我移动形状,它只会与箭头断开连接

在此处输入图像描述

谢谢!

0 投票
1 回答
43 浏览

node.js - 执行 npm run watch 时安装 latex-sketch-plugin 时出错

我在安装latex-sketch-plugin时出错。我不知道如何安装这个插件,但我的论文需要它,因为我必须制作一些需要编写数学方程式的图表。所以基本上,我有节点包管理器

我将latex-sketch-plugin repo克隆git clone到草图插件文件夹中,即~/Library/Application Support/com.bohemiancoding.sketch3/Plugins

但是当我执行时npm run watch出现以下错误

0 投票
3 回答
68 浏览

web - 我可以使用 Sketchapp 来设计整个网站吗

我是一名自由职业者,想开始使用 Sketchapp 制作更时尚的网站(倾斜和曲线背景、有阴影的 UI 资产、超过 2 个 div 的资产(参见示例)。可以并做自由职业者(既可以自己设计,也可以做自己的设计)代码)使用 Sketchapp 为所有内容(包括文本)创建整个站点作为他们正常的最佳实践,并加快工作流程,然后将所有内容导出到文本编辑器然后进行调整?以下是我渴望能够创建的 2 个示例。

来自 Pinterest 的示例 1

来自 Pinterest 的示例 2

0 投票
1 回答
1407 浏览

sketch-3 - 如何在草图中导出没有阴影

我是素描新手。在草图中设计了一个图标后,我想将其导出为 PNG。图标用多条路径绘制并组合在一起。但是当我导出它时,导出的图像中有阴影。我不要影子。有没有办法摆脱它?

0 投票
1 回答
275 浏览

zip - 如何将 .zip 文件返回到 .sketch 文件?

在 Sketch 43 版中,用户可以通过更改 .zip 上的 .sketch 扩展名并在取消归档后获取文件的内容。但是我怎样才能将 .zip 文件返回到 .sketch 文件呢?现在,当我更改扩展名时,打开文件“无法打开文档“Untitled.sketch”后出现错误。”

如何解决这个问题?

0 投票
1 回答
1531 浏览

fonts - Icons8 Lunacy 说:“缺少字体”,即使它们安装在我的电脑上?

我得到了一个草图文件,因为我有 Windows,所以我安装了 Icons8 Lunacy 来读取该文件,但是当我尝试打开该文件时,我收到一条消息,说缺少一个名为 (Avenir-Heavy) 的字体,即使我第三次在我的电脑上安装它,我可以在我的字体设置中看到它在那里,一些字体在开始时也丢失了,但设法安装它们,它们已从“缺少字体”错误消息中删除,然而(Avenir -Heavy) 卡在那里,我不知道为什么?!

有人可以帮我解决这个问题吗 提前谢谢