问题标签 [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.
javascript - 使用 fetch / content-type 上传本地文件:octet-stream
我目前正在开发一个 Sketch 插件,其中图像被发送到 Microsoft 自定义视觉 API 以进行对象检测。
Sketch 插件本身是用 Javascript 编写的,有一个 fs polyfill 和一个 fetch polyfill 可用。带有图像 url 的 API 调用工作得很好。但是,我无法从我的计算机发送本地文件,因为我不是 100% 可以访问它。
有没有人有将本地文件发送到图像识别 API 的经验?任何帮助将不胜感激!
提前致谢!
最好的,C
sketchapp - 无法在 Sketch 中更改字体
我已经使用 Sketch 多年了,当然我喜欢它。最近我遇到了一个奇怪的错误。当我选择了字体层时,我无法更改字体。我选择什么字体并不重要。字体已安装。我必须右键单击并从字体菜单中更改字体属性。单击字体下拉菜单时它会闪烁,但我看不到或选择任何其他字体。任何想法为什么会突然发生这种情况?我使用 Skyfonts,但我怀疑这是个问题。谢谢!
javascript - 在 Javascript 中创建用于定位元素的 for 循环
我正在边做边学编程,只是意识到我缺乏一些关于循环的基础知识。
目前,我正在为 Sketch(设计师程序)创建一个插件。基本上,我有一个符号库,应该根据每个符号的单独规则将其放置在画板上。通过 API,我返回了这些符号在 JSON 中的位置。这就是我的 JSON 的结构:
它目前的作用:它将 tagNames 与我的本地符号库匹配(创建符号)。现在我想添加另一个函数“positionInArtboard”。
上面的代码工作得很好,但将来我会根据 JSON 响应为一些元素制定动态规则:
**我怎样才能更优雅地结合这两个函数并从 JSON 响应中传递数据?如何保持每个对象个体的框架规则,而不必一直重复块?**
对于这个基本问题,我很抱歉,如果有人可以推荐我可以阅读更多关于这些特定操作的资源,那也很棒。
非常感谢您!最好的,C
css - 如何从图像中获取 HTML 中的渐变颜色值
任何人都可以解释如何根据 HTML 从图像中获取渐变颜色值
html - HTML Sketchapp - 安装后如何正确使用
尝试使用 HTML Sketchapp,特别是将 HTML 元素转换为 Sketch 符号(https://github.com/brainly/html-sketchapp-style-guide)。我已经安装了 npm 包。如果我想在我的本地文件夹中运行以下命令行(如下),而我的本地文件夹中包含包含 HTML 元素的 HTML 文件,或者我错过了另一个步骤,我只是感到困惑。
谢谢您的帮助!
android - Sketch 中的 Material Design 插件:如何导出生成的主题?
我们在 Sketch 中使用Material Design Theme Editor插件。它在您的 Sketch 文件中创建了这个惊人的样式指南和材料设计主题。有谁知道将 Sketch 中生成的主题导出然后导入到 Android Studio 中?
sketchapp - NSArray arrayWithObject 的语法在最近的 Sketch 版本中是否发生了变化?
我开发了一个插件,其中包含一系列可接受的文件扩展名。直到最近版本的 Sketch,语法看起来像:
抛出错误,说明:ObjC 方法 arrayWithObjects:需要 1 个参数,但 JavaScript 传递了 4 个参数
我研究了NSArray arrayWithObjects
语法并尝试根据文档更新我的代码:
无论我如何尝试更新语法,它都会引发不同的错误:
SyntaxError:运算符“=”的左侧必须是参考。
不熟悉 ObjC 编程,任何人都可以帮助使用正确的语法来保存等于三个字符串值的参考文件类型吗?
reactjs - 将 Sketch 设计转换为 React Native - 工具还是编码商店?
我正在和几个朋友(在其他框架方面非常有经验)一起开发一个新的 React Native 应用程序。我们正在尝试建立一个从 Sketch(或其他现代设计工具)到 RN 的良好工作流程,以便我们的设计师可以以最小的摩擦将其交给我们的开发人员,而开发人员无需进行大量布局和设计修复。
到目前为止,从 Sketch 到 Zeplin 再到 RN 似乎效果最好,但并不完美。像 BuilderX 这样的其他工具似乎要糟糕得多,而且不是一个可用的工作流程。当你用谷歌搜索这个问题时,我们基本上已经尝试了明显的 5 或 6 件事。
我对一般建议感兴趣,但也有两个具体问题:
我们缺少更好的流程吗?在 WebFlow 中工作然后将该输出转换为 RN 会比 Sketch+Zeplin 更好吗?
是否有像 psd->html 服务这样的编码商店,它们采用 Sketch 设计并制作好的 RN 代码,并且可以用于正在进行的小型设计调整和事情?有什么建议吗?
如果一切都失败了,我们将在我们的团队中聘请一名开发人员在将设计转换为布局的步骤之间执行此操作,但我们几乎不需要这样做,我很想找到一个好的解决方案。
谢谢!
json - 寻找将草图形状路径点(json格式)转换为svg路径的模式或公式
我正在尝试找到一种将 Sketch 形状点(json 格式)转换为 svg 路径的模式,因为我们知道草图文件只是 zip 文件,解压缩你会得到 json 文件。这是示例 json 代码
这给出了一个带有 svg 路径代码的三角形
因为我的理解getting 33(x value)
是这样完成的,因为上面的框架原点是在0,0 (frame->x, frame->y)
我认为得到它的实际位置是采取frame->width
(因为宽度对应于x轴),即66 times first x point in points, which is 0.49999999999999944
,导致(32.99999999 approx 33
),并first y point
采取frame->height(56.86153846153846 times the first y point in points which is 0)
导致第一点是33 0
第二点相同,要得到 x 需要frame->width(66)
时间,second x point in points which is 0.99999999
结果66
与它相同corresponding y (56.86153846153846 times 1) which is 56.86153846153846
,导致第二点66 56.86153846153846
与第三点相同。
如果 frame->x 和 frame->y 的数字大于 0,则开始混淆
考虑这个..
它对应的svg路径是
现在,如果我按上述方式进行数学运算,则不会得到points="33 22.3384615 51.7846154 54.8307692 14.2153846 54.8307692"
上述 svg 代码所示的结果。这仅适用于三角形,如果是像 facebook 图标这样的自定义形状路径,它会混淆很多!样品素描标志,
其对应的Sketch json代码如下。
它的svg代码是
我理解<circle />
来自第一层,我对此没有任何问题,问题是第二层,path
即 f 字母,因为它的草图 json 点映射到<path d="M26.5497954,40 L26.5497954,26.5 L30.3751705,26.5 L31,20.5 L26.5497954,20.5 L26.5497954,17.578 C26.5497954,16.033 26.5866303,14.5 28.6016371,14.5 L30.6425648,14.5 L30.6425648,10.21 C30.6425648,10.1455 28.8894952,10 27.1159618,10 C23.4120055,10 21.0927694,12.4855 21.0927694,17.05 L21.0927694,20.5 L17,20.5 L17,26.5 L21.0927694,26.5 L21.0927694,40 L26.5497954,40 Z" id="facebook-[#176]" fill="#FFFFFF"></path>
这是我正在努力破解的东西..是否有一种模式可以将草图 json 指向 svg 路径,我该怎么做..
谢谢。