Превращайте фрагменты GraphQL в изображения, которыми хочется делиться, не покидая Mac.
GraphQL queries are mostly shape, which is why they read well as an image and badly as a wrapped paragraph of text.
Codeshot определяет GraphQL по вставленному коду, так что ошибиться с выбором языка невозможно. Вот один и тот же фрагмент в трёх из 30 встроенных тем, отрисованных стилями самого приложения.
query Snapshots($theme: String!, $limit: Int =10){
snapshots(theme:$theme, first:$limit) {
edges {
node {
id
theme
exportScale
}}}}
Atom One · тёмная
query Snapshots($theme: String!, $limit: Int =10){
snapshots(theme:$theme, first:$limit) {
edges {
node {
id
theme
exportScale
}}}}
GitHub · тёмная
query Snapshots($theme: String!, $limit: Int =10){
snapshots(theme:$theme, first:$limit) {
edges {
node {
id
theme
exportScale
}}}}
Panda Syntax · тёмная
Как выбрать тему для GraphQL
The nesting is the message. Pick a ratio tall enough that the full selection set fits without the last field being cut off.
Как выбрать размер
Пусть размер следует за содержимым или зафиксируйте соотношение — 1:1, 4:3, 3:2, 16:9, 9:16, 2:3 или 3:4 — а затем экспортируйте в 1×, 2× или 3×, чтобы изображение оставалось чётким на retina-экране. Скопируйте его в буфер обмена сочетанием ⌘⇧C или сохраните через ⌘S.