buyfakett/reference
1
0
Fork 0
mirror of https://github.com/jaywcjlove/reference.git synced 2025-06-17 20:51:21 +08:00
Code Issues Packages Projects Releases Wiki Activity
Files
1396acb0ea601c9ed6531939b54388e543ba8342
reference/docs/sketch.html
jaywcjlove 3a8626d210 feat: add matlab.md cheatsheet (#21). 02d0a495a6
2022-11-04 13:08:05 +00:00

489 lines
17 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!doctype html>
<html lang="en" data-color-mode="dark">
<head>
<meta charset="utf-8">
<title>Sketch 备忘清单
&#x26; sketch cheatsheet &#x26; Quick Reference</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta description="这个 Sketch 快速参考备忘单显示了它的键盘快捷键和命令。为开发人员分享快速参考备忘单。">
<meta keywords="Quick,Reference,cheatsheet,sketch">
<link rel="icon" href="data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%221em%22%20width%3D%221em%22%3E%20%3Cpath%20d%3D%22m21.66%2010.44-.98%204.18c-.84%203.61-2.5%205.07-5.62%204.77-.5-.04-1.04-.13-1.62-.27l-1.68-.4c-4.17-.99-5.46-3.05-4.48-7.23l.98-4.19c.2-.85.44-1.59.74-2.2%201.17-2.42%203.16-3.07%206.5-2.28l1.67.39c4.19.98%205.47%203.05%204.49%207.23Z%22%20fill%3D%22%23c9d1d9%22%2F%3E%20%3Cpath%20d%3D%22M15.06%2019.39c-.62.42-1.4.77-2.35%201.08l-1.58.52c-3.97%201.28-6.06.21-7.35-3.76L2.5%2013.28c-1.28-3.97-.22-6.07%203.75-7.35l1.58-.52c.41-.13.8-.24%201.17-.31-.3.61-.54%201.35-.74%202.2l-.98%204.19c-.98%204.18.31%206.24%204.48%207.23l1.68.4c.58.14%201.12.23%201.62.27Zm2.43-8.88c-.06%200-.12-.01-.19-.02l-4.85-1.23a.75.75%200%200%201%20.37-1.45l4.85%201.23a.748.748%200%200%201-.18%201.47Z%22%20fill%3D%22%23228e6c%22%20%2F%3E%20%3Cpath%20d%3D%22M14.56%2013.89c-.06%200-.12-.01-.19-.02l-2.91-.74a.75.75%200%200%201%20.37-1.45l2.91.74c.4.1.64.51.54.91-.08.34-.38.56-.72.56Z%22%20fill%3D%22%23228e6c%22%20%2F%3E%20%3C%2Fsvg%3E" type="image/svg+xml">
<link rel="stylesheet" href="../style/style.css">
<link rel="stylesheet" href="../style/katex.css">
</head>
<body><nav class="header-nav"><div class="max-container"><a href="../index.html" class="logo"><svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" height="1em" width="1em">
<path d="m21.66 10.44-.98 4.18c-.84 3.61-2.5 5.07-5.62 4.77-.5-.04-1.04-.13-1.62-.27l-1.68-.4c-4.17-.99-5.46-3.05-4.48-7.23l.98-4.19c.2-.85.44-1.59.74-2.2 1.17-2.42 3.16-3.07 6.5-2.28l1.67.39c4.19.98 5.47 3.05 4.49 7.23Z" fill="#c9d1d9"></path>
<path d="M15.06 19.39c-.62.42-1.4.77-2.35 1.08l-1.58.52c-3.97 1.28-6.06.21-7.35-3.76L2.5 13.28c-1.28-3.97-.22-6.07 3.75-7.35l1.58-.52c.41-.13.8-.24 1.17-.31-.3.61-.54 1.35-.74 2.2l-.98 4.19c-.98 4.18.31 6.24 4.48 7.23l1.68.4c.58.14 1.12.23 1.62.27Zm2.43-8.88c-.06 0-.12-.01-.19-.02l-4.85-1.23a.75.75 0 0 1 .37-1.45l4.85 1.23a.748.748 0 0 1-.18 1.47Z" fill="#228e6c"></path>
<path d="M14.56 13.89c-.06 0-.12-.01-.19-.02l-2.91-.74a.75.75 0 0 1 .37-1.45l2.91.74c.4.1.64.51.54.91-.08.34-.38.56-.72.56Z" fill="#228e6c"></path>
</svg>
<span class="title">Quick Reference</span></a><div class="menu"><a href="https://github.com/jaywcjlove/reference/blob/main/docs/sketch.md" class="" target="__blank"><svg viewBox="0 0 36 36" fill="currentColor" height="1em" width="1em"><path d="m33 6.4-3.7-3.7a1.71 1.71 0 0 0-2.36 0L23.65 6H6a2 2 0 0 0-2 2v22a2 2 0 0 0 2 2h22a2 2 0 0 0 2-2V11.76l3-3a1.67 1.67 0 0 0 0-2.36ZM18.83 20.13l-4.19.93 1-4.15 9.55-9.57 3.23 3.23ZM29.5 9.43 26.27 6.2l1.85-1.85 3.23 3.23Z"></path><path fill="none" d="M0 0h36v36H0z"></path></svg><span>编辑</span></a><button id="darkMode" type="button"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="light" height="1em" width="1em">
<path d="M6.995 12c0 2.761 2.246 5.007 5.007 5.007s5.007-2.246 5.007-5.007-2.246-5.007-5.007-5.007S6.995 9.239 6.995 12zM11 19h2v3h-2zm0-17h2v3h-2zm-9 9h3v2H2zm17 0h3v2h-3zM5.637 19.778l-1.414-1.414 2.121-2.121 1.414 1.414zM16.242 6.344l2.122-2.122 1.414 1.414-2.122 2.122zM6.344 7.759 4.223 5.637l1.415-1.414 2.12 2.122zm13.434 10.605-1.414 1.414-2.122-2.122 1.414-1.414z"></path>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 24 24" class="dark" height="1em" width="1em">
<path d="M12 11.807A9.002 9.002 0 0 1 10.049 2a9.942 9.942 0 0 0-5.12 2.735c-3.905 3.905-3.905 10.237 0 14.142 3.906 3.906 10.237 3.905 14.143 0a9.946 9.946 0 0 0 2.735-5.119A9.003 9.003 0 0 1 12 11.807z"></path>
</svg>
</button><script>
const LOCAL_NANE = '_dark_mode_theme_'
const rememberedValue = localStorage.getItem(LOCAL_NANE);
if (rememberedValue && ['light', 'dark'].includes(rememberedValue)) {
document.documentElement.setAttribute('data-color-mode', rememberedValue);
}
const button = document.querySelector('#darkMode');
button.onclick = () => {
const theme = document.documentElement.dataset.colorMode;
const mode = theme === 'light' ? 'dark' : 'light';
document.documentElement.setAttribute('data-color-mode', mode);
localStorage.setItem(LOCAL_NANE, mode);
}
</script><a href="https://github.com/jaywcjlove/reference" class="" target="__blank"><svg viewBox="0 0 16 16" fill="currentColor" height="1em" width="1em"><path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.012 8.012 0 0 0 16 8c0-4.42-3.58-8-8-8z"></path></svg></a></div></div></nav><div class="wrap h1body-exist max-container"><header class="wrap-header h1wrap"><h1 id="sketch-备忘清单"><svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 512 512" height="1em" width="1em">
<path d="M27.5 162.2 9 187.1h90.5l6.9-130.7-78.9 105.8zM396.3 45.7 267.7 32l135.7 147.2-7.1-133.5zM112.2 218.3l-11.2-22H9.9L234.8 458zm2-31.2h284l-81.5-88.5L256.3 33zm297.3 9.1L277.6 458l224.8-261.7h-90.9zM415.4 69 406 56.4l.9 17.3 6.1 113.4h90.3zM113.5 93.5l-4.6 85.6L244.7 32 116.1 45.7zm287.7 102.7h-290l42.4 82.9L256.3 480l144.9-283.8z"></path>
</svg>
<a aria-hidden="true" tabindex="-1" href="#sketch-备忘清单"><span class="icon icon-link"></span></a>Sketch 备忘清单</h1><div class="wrap-body">
<p>这个 Sketch 快速参考备忘单显示了它的键盘快捷键和命令。</p>
</div></header><div class="menu-tocs"><div class="menu-btn"><svg aria-hidden="true" fill="currentColor" height="1em" width="1em" viewBox="0 0 16 16" version="1.1" data-view-component="true">
<path fill-rule="evenodd" d="M2 4a1 1 0 100-2 1 1 0 000 2zm3.75-1.5a.75.75 0 000 1.5h8.5a.75.75 0 000-1.5h-8.5zm0 5a.75.75 0 000 1.5h8.5a.75.75 0 000-1.5h-8.5zm0 5a.75.75 0 000 1.5h8.5a.75.75 0 000-1.5h-8.5zM3 8a1 1 0 11-2 0 1 1 0 012 0zm-1 6a1 1 0 100-2 1 1 0 000 2z"></path>
</svg></div><div class="menu-modal"><a aria-hidden="true" class="leve2 tocs-link" href="#快捷键">快捷键</a><a aria-hidden="true" class="leve3 tocs-link" href="#插入">插入</a><a aria-hidden="true" class="leve3 tocs-link" href="#类型">类型</a><a aria-hidden="true" class="leve3 tocs-link" href="#画布视图">画布视图</a><a aria-hidden="true" class="leve3 tocs-link" href="#窗口">窗口</a><a aria-hidden="true" class="leve3 tocs-link" href="#编辑形状">编辑形状</a><a aria-hidden="true" class="leve3 tocs-link" href="#编辑图层">编辑图层</a><a aria-hidden="true" class="leve3 tocs-link" href="#排列图层组和画板">排列图层、组和画板</a><a aria-hidden="true" class="leve2 tocs-link" href="#另见">另见</a></div></div><div class="h1wrap-body"><div class="wrap h2body-exist"><div class="wrap-header h2wrap"><h2 id="快捷键"><a aria-hidden="true" tabindex="-1" href="#快捷键"><span class="icon icon-link"></span></a>快捷键</h2><div class="wrap-body">
</div></div><div class="h2wrap-body"><div class="wrap h3body-not-exist"><div class="wrap-header h3wrap"><h3 id="插入"><a aria-hidden="true" tabindex="-1" href="#插入"><span class="icon icon-link"></span></a>插入</h3><div class="wrap-body">
<table class="shortcuts"><thead><tr><th>快捷键</th><th>描述</th></tr></thead><tbody><tr><td><code>a</code></td><td>(New Artboard) 新画板</td></tr><tr><td><code>s</code></td><td>(Slice) 切片</td></tr><tr><td><code>r</code></td><td>(Rectangle) 长方形</td></tr><tr><td><code>d</code></td><td>(Rounde) 圆形</td></tr><tr><td><code>u</code></td><td>(Rectangle) 长方形</td></tr><tr><td><code>o</code></td><td>(Oval) 椭圆形</td></tr><tr><td><code>l</code></td><td>(Line) 线</td></tr><tr><td><code>v</code></td><td>(Vector Point) 向量点</td></tr><tr><td><code>p</code></td><td>(Pencil) 铅笔</td></tr><tr><td><code>t</code></td><td>(Text) 文本</td></tr></tbody></table>
<!--rehype:className=shortcuts-->
</div></div></div><div class="wrap h3body-not-exist row-span-2"><div class="wrap-header h3wrap"><h3 id="类型"><a aria-hidden="true" tabindex="-1" href="#类型"><span class="icon icon-link"></span></a>类型</h3><div class="wrap-body">
<!--rehype:wrap-class=row-span-2-->
<table class="shortcuts"><thead><tr><th>快捷键</th><th>类型</th></tr></thead><tbody><tr><td><code>Cmd + B</code></td><td>加粗</td></tr><tr><td><code>Cmd + I</code></td><td>斜体</td></tr><tr><td><code>Cmd + U</code></td><td>下划线</td></tr><tr><td><code>Alt + Cmd (+) +</code></td><td>增加字体大小</td></tr><tr><td><code>Alt + Cmd (+) –</code></td><td>减小字体大小</td></tr><tr><td><code>Alt + Control + L</code></td><td>增加字符间距</td></tr><tr><td><code>Alt + Control + T</code></td><td>减少字符间距</td></tr><tr><td><code>Cmd + T</code></td><td>更改字体</td></tr><tr><td><code>Shift + Cmd + O</code></td><td>将文本转换为轮廓</td></tr><tr><td><code>Cmd + Shift + {</code></td><td>左对齐</td></tr><tr><td><code>Cmd + Shift + \</code></td><td>居中对齐</td></tr><tr><td><code>Cmd + Shift + }</code></td><td>右对齐</td></tr><tr><td><code>Control + Cmd + Space</code></td><td>特殊字符</td></tr></tbody></table>
<!--rehype:className=shortcuts-->
</div></div></div><div class="wrap h3body-not-exist row-span-2"><div class="wrap-header h3wrap"><h3 id="画布视图"><a aria-hidden="true" tabindex="-1" href="#画布视图"><span class="icon icon-link"></span></a>画布视图</h3><div class="wrap-body">
<!--rehype:wrap-class=row-span-2-->
<table class="shortcuts"><thead><tr><th>画布视图</th><th>快捷键</th></tr></thead><tbody><tr><td><code>Cmd (+) +</code></td><td>放大</td></tr><tr><td><code>Cmd (+) -</code></td><td>缩小</td></tr><tr><td><code>Cmd + 0</code></td><td>实际尺寸</td></tr><tr><td><code>Cmd + 1</code></td><td>中心画布</td></tr><tr><td><code>Cmd + 2</code></td><td>缩放选择</td></tr><tr><td><code>Cmd + 3</code></td><td>中心选择</td></tr><tr><td><code>§</code></td><td>临时缩放到实际大小</td></tr><tr><td><code>Alt + Tab</code></td><td>关注第一个输入字段</td></tr><tr><td><code>Control + R</code></td><td>切换标尺</td></tr><tr><td><code>Control + G</code></td><td>切换网格</td></tr><tr><td><code>Control + L</code></td><td>切换图层指南</td></tr><tr><td><code>Control + P</code></td><td>切换像素</td></tr><tr><td><code>Control + H</code></td><td>切换选择手柄</td></tr><tr><td><code>Control + X</code></td><td>切换像素网格</td></tr><tr><td><code>Space + Drag</code></td><td>移动画布</td></tr></tbody></table>
<!--rehype:className=shortcuts-->
</div></div></div><div class="wrap h3body-not-exist"><div class="wrap-header h3wrap"><h3 id="窗口"><a aria-hidden="true" tabindex="-1" href="#窗口"><span class="icon icon-link"></span></a>窗口</h3><div class="wrap-body">
<table class="shortcuts"><thead><tr><th>快捷键</th><th>Window</th></tr></thead><tbody><tr><td><code>Cmd + ~</code></td><td>在文档之间切换</td></tr><tr><td><code>Alt + Cmd + 1</code></td><td>切换层列表</td></tr><tr><td><code>Alt + Cmd + 2</code></td><td>切换检查器</td></tr><tr><td><code>Alt + Cmd + 3</code></td><td>切换图层、检查器</td></tr><tr><td><code>Alt + Cmd + T</code></td><td>切换工具栏</td></tr><tr><td><code>Cmd + .</code></td><td>演示模式</td></tr><tr><td><code>Control + Cmd + F</code></td><td>进入全屏</td></tr></tbody></table>
<!--rehype:className=shortcuts-->
</div></div></div><div class="wrap h3body-not-exist"><div class="wrap-header h3wrap"><h3 id="编辑形状"><a aria-hidden="true" tabindex="-1" href="#编辑形状"><span class="icon icon-link"></span></a>编辑形状</h3><div class="wrap-body">
<table class="shortcuts"><thead><tr><th>编辑形状</th><th>快捷键</th></tr></thead><tbody><tr><td><code>Cmd + Alt</code></td><td>保留当前选择</td></tr><tr><td><code>Control + Cmd + M</code></td><td>用作蒙版跨度<code>(适用于图层和组)</code></td></tr><tr><td><code>Alt + Cmd + U</code></td><td>联盟</td></tr><tr><td><code>Alt + Cmd + S</code></td><td>减去</td></tr><tr><td><code>Alt + Cmd + I</code></td><td>相交</td></tr><tr><td><code>Alt + Cmd + X</code></td><td>区别</td></tr><tr><td><code>Cmd + Arrows</code></td><td>更改对象大小</td></tr><tr><td><code>Shift + Cmd + Arrows</code></td><td>将单位更改 10</td></tr><tr><td><code>1, 2, 3, 4</code></td><td>更改矢量点样式</td></tr></tbody></table>
<!--rehype:className=shortcuts-->
</div></div></div><div class="wrap h3body-not-exist"><div class="wrap-header h3wrap"><h3 id="编辑图层"><a aria-hidden="true" tabindex="-1" href="#编辑图层"><span class="icon icon-link"></span></a>编辑图层</h3><div class="wrap-body">
<table class="shortcuts"><thead><tr><th>快捷键</th><th>编辑图层</th></tr></thead><tbody><tr><td><code>Alt</code></td><td>显示到其他图层的距离</td></tr><tr><td><code>Alt + Cmd</code></td><td>显示到组内其他图层的距离</td></tr><tr><td><code>Alt + Drag</code></td><td>复制（用 ⌘D 重复）</td></tr><tr><td><code>Alt + Cmd + C</code></td><td>复制样式</td></tr><tr><td><code>Alt + Cmd + V</code></td><td>粘贴样式</td></tr><tr><td><code>Control + C</code></td><td>选色器</td></tr><tr><td><code>Cmd + T</code></td><td>转换</td></tr><tr><td><code>Shift + Cmd + R</code></td><td>旋转</td></tr><tr><td><code>F</code></td><td>切换填充</td></tr><tr><td><code>B</code></td><td>切换边框</td></tr></tbody></table>
<!--rehype:className=shortcuts-->
</div></div></div><div class="wrap h3body-not-exist"><div class="wrap-header h3wrap"><h3 id="排列图层组和画板"><a aria-hidden="true" tabindex="-1" href="#排列图层组和画板"><span class="icon icon-link"></span></a>排列图层、组和画板</h3><div class="wrap-body">
<table class="shortcuts"><thead><tr><th>排列图层、组和画板</th><th>快捷键</th></tr></thead><tbody><tr><td><code>Alt + Cmd + ↑</code></td><td>向前进</td></tr><tr><td><code>Control + Alt + Cmd + ↑</code></td><td>带到前面</td></tr><tr><td><code>Alt + Cmd + ↓</code></td><td>向后发送</td></tr><tr><td><code>Control + Alt + Cmd + ↓</code></td><td>送回</td></tr><tr><td><code>Shift + Cmd + H</code></td><td>隐藏</td></tr><tr><td><code>Shift + Cmd + L</code></td><td>锁</td></tr><tr><td><code>Cmd + R</code></td><td>改名</td></tr><tr><td><code>Cmd + G</code></td><td>图层组</td></tr><tr><td><code>Shift + Cmd + G</code></td><td>取消组合图层</td></tr><tr><td><code>Shift + Tab</code></td><td>选择上层</td></tr><tr><td><code>Tab</code></td><td>选择下面的图层</td></tr><tr><td><code>Esc</code></td><td>选择父画板</td></tr><tr><td><code>Cmd + F</code></td><td>按名称查找图层</td></tr><tr><td><code>Fn + ↑</code></td><td>选择上方页面</td></tr><tr><td><code>Fn + ↓</code></td><td>选择下面的页面</td></tr></tbody></table>
<!--rehype:className=shortcuts-->
</div></div></div></div></div><div class="wrap h2body-not-exist"><div class="wrap-header h2wrap"><h2 id="另见"><a aria-hidden="true" tabindex="-1" href="#另见"><span class="icon icon-link"></span></a>另见</h2><div class="wrap-body">
<ul>
<li><a href="https://www.sketch.com/">Sketch 官网</a> <em>(sketch.com)</em></li>
</ul>
</div></div><div class="h2wrap-body"></div></div></div></div><footer class="footer-wrap"><footer class="max-container">© 2022 Kenny Wang, All rights reserved.</footer></footer><script>
if(('onhashchange' in window) && ((typeof document.documentMode==='undefined') || document.documentMode==8)) {
window.onhashchange = function () {
anchorPoint()
updateAnchor()
};
}
function anchorPoint() {
const hash = window.location.hash?.replace(/^#/, '') || '';
const elm = document.getElementById(decodeURIComponent(hash));
Array.from(document.querySelectorAll('.h2wrap-body .wrap')).forEach((elm) => elm.classList.remove('active'))
if (elm?.tagName === 'H3') {
elm?.parentElement?.parentElement?.classList.add('active');
}
}
anchorPoint();
function updateAnchor(element) {
const anchorContainer = document.querySelectorAll('.menu-tocs .menu-modal a.tocs-link');
anchorContainer.forEach((tocanchor) => {
tocanchor.classList.remove('is-active-link');
});
const anchor = element || document.querySelector(`a.tocs-link[href='${decodeURIComponent(window.location.hash)}']`);
if (anchor) {
anchor.classList.add('is-active-link');
}
}
// toc 定位
updateAnchor()
const anchor = document.querySelectorAll('.menu-tocs .menu-modal a.tocs-link');
anchor.forEach((item) => {
item.addEventListener('click', (e) => {
updateAnchor()
})
})
</script></body>
</html>
Reference in New Issue View Git Blame Copy Permalink