问题标签 [sketch-3]

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 投票
0 回答
42 浏览

jquery - easy-sketch.js 是否支持移动设备?

我使用easy-sketch.js 进行画布绘图。我为WEB和IOS开发。现在我很困惑它是否在IOS中工作?因为触摸绘图不适用于简易草图?任何人都可以建议我解决方案。

0 投票
1 回答
589 浏览

sketch-3 - 在 Sketch App 中恢复欢迎屏幕

我需要在 Sketch 应用程序中恢复欢迎屏幕,似乎我取消选中“在启动时显示此窗口”并且找不到再次显示它的方法。

https://cdn-images-1.medium.com/max/1600/1 *bmLfDcvQwO4E60FcSWIqcA.png

0 投票
1 回答
6641 浏览

sketch-3 - 仅将 pt 用于文本大小而似乎用于其他所有内容的草图应用程序?

草图字体在 PT 中设置

现在我想使用 bootstrap 4 编写一个 Web 应用程序。所以我习惯于使用像素 / em / rem 来表示字体和距离。我认为使用 PT没有任何价值。积分似乎适用于印刷媒体

那么将pt转换为像素的正确方法是什么?我在网上找到的东西似乎并不正确。

当然,草图应用程序是一些仅适用于 Mac 的工具。而且 afaik 似乎无法将其导出到 adobe illustrator 或 Photoshop 等其他应用程序。至少,不恰当地认为它会有用。

奖金问题:在草图中滚动很糟糕,没有滚动条,滚动速度很慢。对此有何建议?

0 投票
1 回答
3266 浏览

sketch-3 - 如何从草图中的矩形中减去矢量路径

如何在 Sketch 中减去矢量路径。形状很简单,文字也是可行的。附加图像中的白线需要穿过矩形。建议?

在此处输入图像描述

0 投票
3 回答
2500 浏览

ios - 如何使用 Sketch 中的 iOS 应用图标模板正确导出 iOS 应用图标?

我一直在努力导出我在 Sketch 中的上述模板中创建的 iOS 应用程序图标,第一张图片是我在模板中做的设计,第二张图片是我导出它的时候,但我在里面做的设计图标不见了这是我在模板中所做的设计,但是当我尝试导出它时,R 消失了。

当我导出图标时出现

如何正确导出每个图标,防止设计被删除?

0 投票
3 回答
16413 浏览

ios - 从 zeplin 导出到草图

Zeplin有一个项目。试图将其导出到 Sketch 中,但只能将场景导出为 PNG 文件。怎么可能将它们导出为“.sketch”,这样我就可以在 Sketch 中使用图层了?

0 投票
1 回答
714 浏览

html - 不同浏览器中奇怪的内联 SVG 故障

我通过 Sketch 导出了四个内联 SVG 的代码,具有相同的笔画宽度和颜色,但一个 SVG 在浏览器和 Codepen 上的浏览​​器中的行为不规律。

代码笔示例

- 所有 SVG 的笔画宽度为“2”,然而,twitter svg 需要笔画宽度为“4”才能获得相同的效果(适用于 Chrome、Firefox 和 Safari)

- 所有 SVG 通过 stroke="#999999" 的颜色相同:

  • 我的项目通过 Chrome 和 Firefox 直接查看:twitter svg stroke 是正确的颜色
  • Chrome 和 Firefox 上的 Codepen 示例:twitter 图标明显更亮,笔划显示为 #c2c2c2

  • Safari 上的个人项目和 Codepen 示例:twitter svg stroke 在 Codepen 和我的个人项目上都呈现为 #c2c2c2

解决方案'...

通过将twitter svg 的'rect'标签中的fill="#999999"更改为fill="#fff " ,svg 在 Safari 中正常显示。Chrome 和 Firefox,在没有这个“修复”的情况下都呈现了正确的颜色,不受影响。

此修复适用于我的 codepen 示例中的 Safari 以及从源代码查看时。但是,无论是否应用了此修复程序,Chrome 和 Firefox都无法正确渲染 codepen 示例,而两者都从源代码正确渲染 twitter svg,修复或不修复。

我的解决方案目前有效,但我不明白它为什么有效。非常感谢任何见解!

0 投票
1 回答
125 浏览

sketch-3 - 将 react-sketchapp 与常规草图编辑相结合?

我一直在玩 react-sketchapp,试图了解它的功能。我喜欢可以在代码中捕获基本组件并将其放入 Sketch 以进行进一步编辑的想法……但是当我查看文档和示例时,我没有看到如何完成“进一步编辑”部分。

理想情况下,我想要的是让 react-sketchapp 生成一堆符号或图层,然后能够在 Sketch 本身中提供我自己的图层或符号覆盖。这样,我可以将 React 用于系统中可重用、稳定的组件,并使用 Sketch 来布置模型并围绕这些组件进行任何自定义工作。

据我所知,这是不可行的。当 npm 重新渲染 React 代码时,它会清除页面级别的所有内容并替换(而不是修改)所有符号,这意味着所有覆盖和自定义图层/画板都将丢失。

有没有办法用 react-sketchapp 完成我正在寻找的东西?谢谢!

0 投票
0 回答
118 浏览

jquery - AngularJS - 不要设计页面然后用 DOM 更改它?为什么?

在 AngularJS 中思考”如果我有 jQuery 背景?非常好地解释了 Angularjs 方法优于 jQuery 方法,用于 DOM 操作。

从上面的解释中,我仍然不清楚关于 AngularJS 方法的观点,它说,不要设计你的页面,然后用 DOM 操作来改变它


通过重复答案的主要部分(上图),

jQuery方法

对于设计/视图(其中的一部分,如下所示):

您操纵(如下所示)它是 DOM,以使页面动态化,

但更重要的是,通过手动引用和更新它的 DOM 节点进行操作,这是一个副作用。这意味着,设计/视图的变化(ul比如说div)将改变 DOM 操作逻辑(to $('div#log'))。AngularJS 方法可以在这里提供帮助。

AngularJS 方法:

视图可能如下所示:

和控制器代码(如下所示),不会手动引用DOM 节点并使网页动态化。AngularJS 控制器使用 model( $scope)。

这(上图)是使用 Angular 而不是 jQuery/Javascript 的主要优势


所以,

使用 AngularJS 方法,我们将指令(ngRepeat)分配给现有的视图/设计(li)。控制器代码li通过 model( ) 操作 view( $scope),不引用 DOM 节点。


问题:

关于答案的第一部分,AngularJS 如何停止设计页面(视图),然后通过模型使用控制器更改 DOM?

0 投票
1 回答
233 浏览

xml - 关闭标签前的 NSXMLElements 断线 - Cocoascript

我正在创建一个 XML 文件。我需要的是在关闭标签之前换行 我预期的打印输出是

相反,我的输出如下:

这是我拥有的代码:

在文档页面中,我发现只有一些关于压缩/扩展空标签(NSXMLNodeOptions)的参考,但是当标签不为空时没有任何格式化标签。