是否可以.sketch
在多个选项卡/窗口中打开相同的文件?
我试过File -> Open Recents -> Myfile
并从Finder多次打开它,但它只是打开相同的窗口
我想在我的页面中使用svg图标.我使用的设计师使用Sketch来设计图像并将结果导出到svg中.素描增加了各种id
标签导出的代码(注意id="Page-1"
,id="My-Star"
和id="Star-1"
属性):
<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="My-Star" stroke="#979797" fill="#D8D8D8">
<polygon id="Star-1" points="11.9860934 18.5835921 5.4876995 22 6.7287823 14.763932 1.47147118 9.63932023 8.73689646 8.58359214 11.9860934 2 15.2352904 8.58359214 22.5007157 9.63932023 17.2434045 14.763932 18.4844873 22 "></polygon>
</g>
</g>
</svg>
Run Code Online (Sandbox Code Playgroud)
我直接在html中包含了svg.通过这样做,我id
多次介绍相同.除了这种工作方式导致的无效html之外,我需要根据id
s 设置svg元素的样式.这是一种不好的做法.
我用css来设置svgs的样式,看看一个例子
问题:在从Sketch导出svgs时,
有没有办法id
用class
es 替换s ?我可以给设计师一些插件或设置吗?如果没有,从设计人员接收svg资产并在页面中使用它的最佳工作流程是什么?
我试图找到一个模式将Sketch形状点(json格式)转换为svg路径,因为我们知道草图文件只是zip文件,解压缩你将获得json文件.这里是样本json代码
{
"_class": "triangle",
"do_objectID": "BE50CDBE-491C-4402-98EA-71E9C7B9F61B",
"booleanOperation": -1,
"frame": {
"_class": "rect",
"do_objectID": "0B39EF6D-9AD4-409B-85FA-D09B2B8A0692",
"constrainProportions": false,
"height": 56.86153846153846,
"width": 66,
"x": 0,
"y": 0
},
"isFixedToViewport": false,
"isFlippedHorizontal": false,
"isFlippedVertical": false,
"isLocked": false,
"isVisible": true,
"layerListExpandedType": 1,
"name": "Triangle",
"nameIsFixed": false,
"resizingConstraint": 63,
"resizingType": 0,
"rotation": 0,
"shouldBreakMaskChain": false,
"userInfo": {
"com.animaapp.stc-sketch-plugin": {
"kModelPropertiesKey": {}
}
},
"clippingMaskMode": 0,
"hasClippingMask": false,
"edited": false,
"isClosed": true,
"pointRadiusBehaviour": 1,
"points": [
{
"_class": "curvePoint",
"cornerRadius": 0,
"curveFrom": "{0.49999999999999944, 0}",
"curveMode": 1,
"curveTo": …
Run Code Online (Sandbox Code Playgroud) 我的英语有点差。对不起。Sketch程序中准备了一个设计。我无法将径向渐变正确地溢出到 css 代码中。如何获得相同的径向渐变外观?
截图:https : //imgur.com/1XNWNtv - https://imgur.com/lTljQBr
径向Gradiant高度: 1000像素
径向渐变色: #3F46AD(不透明度 10%)
注意: “复制 CSS 属性(草图)”功能没有正确导出;
HTML :
<div class="gradient-bg-wrapper">
</div>
<div class="text-wrapper">
test test test
</div>
Run Code Online (Sandbox Code Playgroud)
CSS :
.gradient-bg-wrapper{
height: 1000px;
background-image: radial-gradient(50% 124%, #3F46AD 75%, #FFFFFF 100%);
opacity: 0.1;
}
Run Code Online (Sandbox Code Playgroud) 我们在Sketch 中使用了Material Design Theme Editor插件。它可以在您的Sketch文件中创建这个惊人的样式指南和材料设计主题。有谁知道要导出,然后将Sketch中生成的主题导入Android Studio?
我试图将在sketchapp中创建的布局转换为android,但不知怎的,我无法这样做.请帮我解决这个问题.
我是素描新手。在草图中设计了一个图标后,我想将其导出为PNG。该图标是用多个路径绘制并分组在一起的。但是当我导出它时,导出的图像中有阴影。我不想要影子。有办法摆脱它吗?
我收到了一个草图文件,由于我有 Windows,我安装了 Icons8 Lunacy 来读取该文件,但是当我尝试打开该文件时,我收到一条消息,说缺少一种名为 (Avenir-Heavy) 的字体,即使我第三次在我的电脑上安装它,我可以在我的字体设置中看到它在那里,一些字体在开始时也丢失了,但设法安装它们,并且它们已从“丢失字体”错误消息中删除,但是(Avenir -重)卡在那里,我不知道为什么?!
有人可以帮我解决这个问题吗?提前致谢
我已经从Google下载了图标集。 https://developers.google.com/identity/branding-guidelines
它具有.SKETCH文件。我需要知道如何打开文件。我有Photoshop和Sketchup 2016。
谁能协助我打开文件?
另外,如果可能的话,请让我知道以.fla或.psd格式设置的Google图标的位置
我使用模板在草图中创建的应用程序图标在我的设备和模拟器中看起来都很好。
我的问题是,当我在应用程序中单击返回主页时,应用程序图标下方的应用程序缩小过渡动画的颜色与应用程序图标的颜色不同,而且看起来不太好。
我假设我的应用程序图标设计有问题,或者可能与我的应用程序窗口背景颜色有关。
这是转换期间和转换完成时的屏幕截图。
过渡期间
过渡完成
如何将这些CocoaScript"括号表示法"转换为JavaScript"点符号"语法?
[fileManager createDirectoryAtPath: tmpFolder withIntermediateDirectories: true attributes: nil error: nil];
Run Code Online (Sandbox Code Playgroud)
和
[doc saveArtboardOrSlice: artboard toFile: fileName]
Run Code Online (Sandbox Code Playgroud)
我一直在努力使用CocoaScript"括号表示法"格式,并希望使用JavaScript来组合它们.在所有情况下,我都不确定这是否可行,如上所述.我几乎可以使用所有内容,但是当我使用上面的语法时,我无法做到正确.
我尝试过类似的东西:
var fileManager = NSFileManager.defaultManager();
fileManager.createDirectoryAtPath(tmpFolder).withIntermediateDirectories(true).attributes(nil).error(nil);
Run Code Online (Sandbox Code Playgroud)
所以我不明白如何将这些"内部变量/属性",例如"withIntermediateDirectories:true"转换为JavaScript点符号语法.