raphael参数说明

时间：2023-03-08 21:06:35

大纲

:first-child {
margin-top: 0px;
}

.markdown-preview:not([data-use-github-style]) h1,
.markdown-preview:not([data-use-github-style]) h2,
.markdown-preview:not([data-use-github-style]) h3,
.markdown-preview:not([data-use-github-style]) h4,
.markdown-preview:not([data-use-github-style]) h5,
.markdown-preview:not([data-use-github-style]) h6 {
line-height: 1.2;
margin-top: 1.5em;
margin-bottom: 0.5em;
color: rgb(0, 0, 0);
}

.markdown-preview:not([data-use-github-style]) h1 {
font-size: 2.4em;
font-weight: 300;
}

.markdown-preview:not([data-use-github-style]) h2 {
font-size: 1.8em;
font-weight: 400;
}

.markdown-preview:not([data-use-github-style]) h3 {
font-size: 1.5em;
font-weight: 500;
}

.markdown-preview:not([data-use-github-style]) h4 {
font-size: 1.2em;
font-weight: 600;
}

.markdown-preview:not([data-use-github-style]) h5 {
font-size: 1.1em;
font-weight: 600;
}

.markdown-preview:not([data-use-github-style]) h6 {
font-size: 1em;
font-weight: 600;
}

.markdown-preview:not([data-use-github-style]) strong {
color: rgb(0, 0, 0);
}

.markdown-preview:not([data-use-github-style]) del {
color: rgb(94, 97, 110);
}

.markdown-preview:not([data-use-github-style]) a,
.markdown-preview:not([data-use-github-style]) a code {
color: rgb(82, 111, 255);
}

.markdown-preview:not([data-use-github-style]) img {
max-width: 100%;
}

.markdown-preview:not([data-use-github-style])>p {
margin-top: 0px;
margin-bottom: 1.5em;
}

.markdown-preview:not([data-use-github-style])>ul,
.markdown-preview:not([data-use-github-style])>ol {
margin-bottom: 1.5em;
}

.markdown-preview:not([data-use-github-style]) blockquote {
margin: 1.5em 0px;
font-size: inherit;
color: rgb(94, 97, 110);
border-color: rgb(209, 209, 210);
border-width: 4px;
}

.markdown-preview:not([data-use-github-style]) hr {
margin: 3em 0px;
border-top: 2px dashed rgb(209, 209, 210);
background: none;
}

.markdown-preview:not([data-use-github-style]) table {
margin: 1.5em 0px;
}

.markdown-preview:not([data-use-github-style]) th {
color: rgb(0, 0, 0);
}

.markdown-preview:not([data-use-github-style]) th,
.markdown-preview:not([data-use-github-style]) td {
padding: 0.66em 1em;
border: 1px solid rgb(209, 209, 210);
}

.markdown-preview:not([data-use-github-style]) pre,
.markdown-preview:not([data-use-github-style]) code {
color: rgb(0, 0, 0);
background-color: rgb(234, 234, 235);
}

.markdown-preview:not([data-use-github-style]) pre,
.markdown-preview:not([data-use-github-style]) pre.editor-colors {
margin: 1.5em 0px;
padding: 1em;
font-size: 0.92em;
border-radius: 3px;
background-color: rgb(240, 240, 240);
}

.markdown-preview:not([data-use-github-style]) kbd {
color: rgb(0, 0, 0);
border-width: 1px 1px 2px;
border-style: solid;
border-color: rgb(209, 209, 210) rgb(209, 209, 210) rgb(193, 193, 194);
background-color: rgb(234, 234, 235);
}

.markdown-preview[data-use-github-style] {
font-family: "Helvetica Neue", Helvetica, "Segoe UI", Arial, freesans, sans-serif;
line-height: 1.6;
word-wrap: break-word;
padding: 30px;
font-size: 16px;
color: rgb(51, 51, 51);
overflow: scroll;
background-color: rgb(255, 255, 255);
}

.markdown-preview[data-use-github-style]> :first-child {
margin-top: 0px !important;
}

.markdown-preview[data-use-github-style]> :last-child {
margin-bottom: 0px !important;
}

.markdown-preview[data-use-github-style] a:not([href]) {
color: inherit;
text-decoration: none;
}

.markdown-preview[data-use-github-style] .absent {
color: rgb(204, 0, 0);
}

.markdown-preview[data-use-github-style] .anchor {
position: absolute;
top: 0px;
left: 0px;
display: block;
padding-right: 6px;
padding-left: 30px;
margin-left: -30px;
}

.markdown-preview[data-use-github-style] .anchor:focus {
outline: none;
}

.markdown-preview[data-use-github-style] h1,
.markdown-preview[data-use-github-style] h2,
.markdown-preview[data-use-github-style] h3,
.markdown-preview[data-use-github-style] h4,
.markdown-preview[data-use-github-style] h5,
.markdown-preview[data-use-github-style] h6 {
position: relative;
margin-top: 1em;
margin-bottom: 16px;
font-weight: bold;
line-height: 1.4;
}

.markdown-preview[data-use-github-style] h1 .octicon-link,
.markdown-preview[data-use-github-style] h2 .octicon-link,
.markdown-preview[data-use-github-style] h3 .octicon-link,
.markdown-preview[data-use-github-style] h4 .octicon-link,
.markdown-preview[data-use-github-style] h5 .octicon-link,
.markdown-preview[data-use-github-style] h6 .octicon-link {
display: none;
color: rgb(0, 0, 0);
vertical-align: middle;
}

.markdown-preview[data-use-github-style] h1:hover .anchor,
.markdown-preview[data-use-github-style] h2:hover .anchor,
.markdown-preview[data-use-github-style] h3:hover .anchor,
.markdown-preview[data-use-github-style] h4:hover .anchor,
.markdown-preview[data-use-github-style] h5:hover .anchor,
.markdown-preview[data-use-github-style] h6:hover .anchor {
padding-left: 8px;
margin-left: -30px;
text-decoration: none;
}

.markdown-preview[data-use-github-style] h1:hover .anchor .octicon-link,
.markdown-preview[data-use-github-style] h2:hover .anchor .octicon-link,
.markdown-preview[data-use-github-style] h3:hover .anchor .octicon-link,
.markdown-preview[data-use-github-style] h4:hover .anchor .octicon-link,
.markdown-preview[data-use-github-style] h5:hover .anchor .octicon-link,
.markdown-preview[data-use-github-style] h6:hover .anchor .octicon-link {
display: inline-block;
}

.markdown-preview[data-use-github-style] h1 tt,
.markdown-preview[data-use-github-style] h2 tt,
.markdown-preview[data-use-github-style] h3 tt,
.markdown-preview[data-use-github-style] h4 tt,
.markdown-preview[data-use-github-style] h5 tt,
.markdown-preview[data-use-github-style] h6 tt,
.markdown-preview[data-use-github-style] h1 code,
.markdown-preview[data-use-github-style] h2 code,
.markdown-preview[data-use-github-style] h3 code,
.markdown-preview[data-use-github-style] h4 code,
.markdown-preview[data-use-github-style] h5 code,
.markdown-preview[data-use-github-style] h6 code {
font-size: inherit;
}

.markdown-preview[data-use-github-style] h1 {
padding-bottom: 0.3em;
font-size: 2.25em;
line-height: 1.2;
border-bottom: 1px solid rgb(238, 238, 238);
}

.markdown-preview[data-use-github-style] h1 .anchor {
line-height: 1;
}

.markdown-preview[data-use-github-style] h2 {
padding-bottom: 0.3em;
font-size: 1.75em;
line-height: 1.225;
border-bottom: 1px solid rgb(238, 238, 238);
}

.markdown-preview[data-use-github-style] h2 .anchor {
line-height: 1;
}

.markdown-preview[data-use-github-style] h3 {
font-size: 1.5em;
line-height: 1.43;
}

.markdown-preview[data-use-github-style] h3 .anchor {
line-height: 1.2;
}

.markdown-preview[data-use-github-style] h4 {
font-size: 1.25em;
}

.markdown-preview[data-use-github-style] h4 .anchor {
line-height: 1.2;
}

.markdown-preview[data-use-github-style] h5 {
font-size: 1em;
}

.markdown-preview[data-use-github-style] h5 .anchor {
line-height: 1.1;
}

.markdown-preview[data-use-github-style] h6 {
font-size: 1em;
color: rgb(119, 119, 119);
}

.markdown-preview[data-use-github-style] h6 .anchor {
line-height: 1.1;
}

.markdown-preview[data-use-github-style] p,
.markdown-preview[data-use-github-style] blockquote,
.markdown-preview[data-use-github-style] ul,
.markdown-preview[data-use-github-style] ol,
.markdown-preview[data-use-github-style] dl,
.markdown-preview[data-use-github-style] table,
.markdown-preview[data-use-github-style] pre {
margin-top: 0px;
margin-bottom: 16px;
}

.markdown-preview[data-use-github-style] hr {
height: 4px;
padding: 0px;
margin: 16px 0px;
border: 0px none;
background-color: rgb(231, 231, 231);
}

.markdown-preview[data-use-github-style] ul,
.markdown-preview[data-use-github-style] ol {
padding-left: 2em;
}

.markdown-preview[data-use-github-style] ul.no-list,
.markdown-preview[data-use-github-style] ol.no-list {
padding: 0px;
list-style-type: none;
}

.markdown-preview[data-use-github-style] ul ul,
.markdown-preview[data-use-github-style] ul ol,
.markdown-preview[data-use-github-style] ol ol,
.markdown-preview[data-use-github-style] ol ul {
margin-top: 0px;
margin-bottom: 0px;
}

.markdown-preview[data-use-github-style] li>p {
margin-top: 16px;
}

.markdown-preview[data-use-github-style] dl {
padding: 0px;
}

.markdown-preview[data-use-github-style] dl dt {
padding: 0px;
margin-top: 16px;
font-size: 1em;
font-style: italic;
font-weight: bold;
}

.markdown-preview[data-use-github-style] dl dd {
padding: 0px 16px;
margin-bottom: 16px;
}

.markdown-preview[data-use-github-style] blockquote {
padding: 0px 15px;
color: rgb(119, 119, 119);
border-left: 4px solid rgb(221, 221, 221);
}

.markdown-preview[data-use-github-style] blockquote> :first-child {
margin-top: 0px;
}

.markdown-preview[data-use-github-style] blockquote> :last-child {
margin-bottom: 0px;
}

.markdown-preview[data-use-github-style] table {
display: block;
width: 100%;
overflow: auto;
word-break: keep-all;
}

.markdown-preview[data-use-github-style] table th {
font-weight: bold;
}

.markdown-preview[data-use-github-style] table th,
.markdown-preview[data-use-github-style] table td {
padding: 6px 13px;
border: 1px solid rgb(221, 221, 221);
}

.markdown-preview[data-use-github-style] table tr {
border-top: 1px solid rgb(204, 204, 204);
background-color: rgb(255, 255, 255);
}

.markdown-preview[data-use-github-style] table tr:nth-child(2n) {
background-color: rgb(248, 248, 248);
}

.markdown-preview[data-use-github-style] img {
max-width: 100%;
box-sizing: border-box;
}

.markdown-preview[data-use-github-style] .emoji {
max-width: none;
}

.markdown-preview[data-use-github-style] span.frame {
display: block;
overflow: hidden;
}

.markdown-preview[data-use-github-style] span.frame>span {
display: block;
float: left;
width: auto;
padding: 7px;
margin: 13px 0px 0px;
overflow: hidden;
border: 1px solid rgb(221, 221, 221);
}

.markdown-preview[data-use-github-style] span.frame span img {
display: block;
float: left;
}

.markdown-preview[data-use-github-style] span.frame span span {
display: block;
padding: 5px 0px 0px;
clear: both;
color: rgb(51, 51, 51);
}

.markdown-preview[data-use-github-style] span.align-center {
display: block;
overflow: hidden;
clear: both;
}

.markdown-preview[data-use-github-style] span.align-center>span {
display: block;
margin: 13px auto 0px;
overflow: hidden;
text-align: center;
}

.markdown-preview[data-use-github-style] span.align-center span img {
margin: 0px auto;
text-align: center;
}

.markdown-preview[data-use-github-style] span.align-right {
display: block;
overflow: hidden;
clear: both;
}

.markdown-preview[data-use-github-style] span.align-right>span {
display: block;
margin: 13px 0px 0px;
overflow: hidden;
text-align: right;
}

.markdown-preview[data-use-github-style] span.align-right span img {
margin: 0px;
text-align: right;
}

.markdown-preview[data-use-github-style] span.float-left {
display: block;
float: left;
margin-right: 13px;
overflow: hidden;
}

.markdown-preview[data-use-github-style] span.float-left span {
margin: 13px 0px 0px;
}

.markdown-preview[data-use-github-style] span.float-right {
display: block;
float: right;
margin-left: 13px;
overflow: hidden;
}

.markdown-preview[data-use-github-style] span.float-right>span {
display: block;
margin: 13px auto 0px;
overflow: hidden;
text-align: right;
}

.markdown-preview[data-use-github-style] code,
.markdown-preview[data-use-github-style] tt {
padding: 0.2em 0px;
margin: 0px;
font-size: 85%;
border-radius: 3px;
background-color: rgba(0, 0, 0, 0.0392157);
}

.markdown-preview[data-use-github-style] code::before,
.markdown-preview[data-use-github-style] tt::before,
.markdown-preview[data-use-github-style] code::after,
.markdown-preview[data-use-github-style] tt::after {
letter-spacing: -0.2em;
content: " ";
}

.markdown-preview[data-use-github-style] code br,
.markdown-preview[data-use-github-style] tt br {
display: none;
}

.markdown-preview[data-use-github-style] del code {
text-decoration: inherit;
}

.markdown-preview[data-use-github-style] pre>code {
padding: 0px;
margin: 0px;
font-size: 100%;
word-break: normal;
white-space: pre;
border: 0px;
background: transparent;
}

.markdown-preview[data-use-github-style] .highlight {
margin-bottom: 16px;
}

.markdown-preview[data-use-github-style] .highlight pre,
.markdown-preview[data-use-github-style] pre {
padding: 16px;
overflow: auto;
font-size: 85%;
line-height: 1.45;
border-radius: 3px;
background-color: rgb(247, 247, 247);
}

.markdown-preview[data-use-github-style] .highlight pre {
margin-bottom: 0px;
word-break: normal;
}

.markdown-preview[data-use-github-style] pre {
word-wrap: normal;
}

.markdown-preview[data-use-github-style] pre code,
.markdown-preview[data-use-github-style] pre tt {
display: inline;
max-width: initial;
padding: 0px;
margin: 0px;
overflow: initial;
line-height: inherit;
word-wrap: normal;
border: 0px;
background-color: transparent;
}

.markdown-preview[data-use-github-style] pre code::before,
.markdown-preview[data-use-github-style] pre tt::before,
.markdown-preview[data-use-github-style] pre code::after,
.markdown-preview[data-use-github-style] pre tt::after {
content: normal;
}

.markdown-preview[data-use-github-style] kbd {
display: inline-block;
padding: 3px 5px;
font-size: 11px;
line-height: 10px;
color: rgb(85, 85, 85);
vertical-align: middle;
border-width: 1px;
border-style: solid;
border-color: rgb(204, 204, 204) rgb(204, 204, 204) rgb(187, 187, 187);
border-radius: 3px;
box-shadow: rgb(187, 187, 187) 0px -1px 0px inset;
background-color: rgb(252, 252, 252);
}

.markdown-preview[data-use-github-style] a {
color: rgb(51, 122, 183);
}

.markdown-preview[data-use-github-style] pre,
.markdown-preview[data-use-github-style] code {
color: inherit;
}

.markdown-preview[data-use-github-style] pre,
.markdown-preview[data-use-github-style] pre.editor-colors {
padding: 0.8em 1em;
margin-bottom: 1em;
font-size: 0.85em;
border-radius: 4px;
overflow: auto;
}

.scrollbars-visible-always .markdown-preview pre.editor-colors::shadow .vertical-scrollbar,
.scrollbars-visible-always .markdown-preview pre.editor-colors::shadow .horizontal-scrollbar {
visibility: hidden;
}

.scrollbars-visible-always .markdown-preview pre.editor-colors:hover::shadow .vertical-scrollbar,
.scrollbars-visible-always .markdown-preview pre.editor-colors:hover::shadow .horizontal-scrollbar {
visibility: visible;
}

.markdown-preview del {
text-decoration: none;
position: relative;
}

.markdown-preview del::after {
border-bottom: 1px solid black;
content: "";
left: 0px;
position: absolute;
right: 0px;
top: 50%;
}

.markdown-preview .flash {
animation: flash 1s ease-out 1;
outline: rgba(255, 0, 0, 0) solid 1px;
}

.markdown-preview .flash:not(li) {
display: block;
}

.markdown-preview:not([data-use-github-style]) {
padding: 2em;
font-size: 1.2em;
color: rgb(56, 58, 66);
overflow: auto;
background-color: rgb(250, 250, 250);
}

.markdown-preview:not([data-use-github-style])> :first-child {
margin-top: 0px;
}

.markdown-preview:not([data-use-github-style]) h1,
.markdown-preview:not([data-use-github-style]) h2,
.markdown-preview:not([data-use-github-style]) h3,
.markdown-preview:not([data-use-github-style]) h4,
.markdown-preview:not([data-use-github-style]) h5,
.markdown-preview:not([data-use-github-style]) h6 {
line-height: 1.2;
margin-top: 1.5em;
margin-bottom: 0.5em;
color: rgb(0, 0, 0);
}

.markdown-preview:not([data-use-github-style]) h1 {
font-size: 2.4em;
font-weight: 300;
}

.markdown-preview:not([data-use-github-style]) h2 {
font-size: 1.8em;
font-weight: 400;
}

.markdown-preview:not([data-use-github-style]) h3 {
font-size: 1.5em;
font-weight: 500;
}

.markdown-preview:not([data-use-github-style]) h4 {
font-size: 1.2em;
font-weight: 600;
}

.markdown-preview:not([data-use-github-style]) h5 {
font-size: 1.1em;
font-weight: 600;
}

.markdown-preview:not([data-use-github-style]) h6 {
font-size: 1em;
font-weight: 600;
}

.markdown-preview:not([data-use-github-style]) strong {
color: rgb(0, 0, 0);
}

.markdown-preview:not([data-use-github-style]) del {
color: rgb(94, 97, 110);
}

.markdown-preview:not([data-use-github-style]) a,
.markdown-preview:not([data-use-github-style]) a code {
color: rgb(82, 111, 255);
}

.markdown-preview:not([data-use-github-style]) img {
max-width: 100%;
}

.markdown-preview:not([data-use-github-style])>p {
margin-top: 0px;
margin-bottom: 1.5em;
}

.markdown-preview:not([data-use-github-style])>ul,
.markdown-preview:not([data-use-github-style])>ol {
margin-bottom: 1.5em;
}

.markdown-preview:not([data-use-github-style]) blockquote {
margin: 1.5em 0px;
font-size: inherit;
color: rgb(94, 97, 110);
border-color: rgb(209, 209, 210);
border-width: 4px;
}

.markdown-preview:not([data-use-github-style]) hr {
margin: 3em 0px;
border-top: 2px dashed rgb(209, 209, 210);
background: none;
}

.markdown-preview:not([data-use-github-style]) table {
margin: 1.5em 0px;
}

.markdown-preview:not([data-use-github-style]) th {
color: rgb(0, 0, 0);
}

.markdown-preview:not([data-use-github-style]) th,
.markdown-preview:not([data-use-github-style]) td {
padding: 0.66em 1em;
border: 1px solid rgb(209, 209, 210);
}

.markdown-preview:not([data-use-github-style]) code {
color: rgb(0, 0, 0);
background-color: rgb(234, 234, 235);
}

.markdown-preview:not([data-use-github-style]) pre.editor-colors {
margin: 1.5em 0px;
padding: 1em;
font-size: 0.92em;
border-radius: 3px;
background-color: rgb(240, 240, 240);
}

.markdown-preview:not([data-use-github-style]) kbd {
color: rgb(0, 0, 0);
border-width: 1px 1px 2px;
border-style: solid;
border-color: rgb(209, 209, 210) rgb(209, 209, 210) rgb(193, 193, 194);
background-color: rgb(234, 234, 235);
}

.markdown-preview[data-use-github-style] {
font-family: "Helvetica Neue", Helvetica, "Segoe UI", Arial, freesans, sans-serif;
line-height: 1.6;
word-wrap: break-word;
padding: 30px;
font-size: 16px;
color: rgb(51, 51, 51);
overflow: scroll;
background-color: rgb(255, 255, 255);
}

.markdown-preview[data-use-github-style]> :first-child {
margin-top: 0px !important;
}

.markdown-preview[data-use-github-style]> :last-child {
margin-bottom: 0px !important;
}

.markdown-preview[data-use-github-style] a:not([href]) {
color: inherit;
text-decoration: none;
}

.markdown-preview[data-use-github-style] .absent {
color: rgb(204, 0, 0);
}

.markdown-preview[data-use-github-style] .anchor {
position: absolute;
top: 0px;
left: 0px;
display: block;
padding-right: 6px;
padding-left: 30px;
margin-left: -30px;
}

.markdown-preview[data-use-github-style] .anchor:focus {
outline: none;
}

.markdown-preview[data-use-github-style] h1,
.markdown-preview[data-use-github-style] h2,
.markdown-preview[data-use-github-style] h3,
.markdown-preview[data-use-github-style] h4,
.markdown-preview[data-use-github-style] h5,
.markdown-preview[data-use-github-style] h6 {
position: relative;
margin-top: 1em;
margin-bottom: 16px;
font-weight: bold;
line-height: 1.4;
}

.markdown-preview[data-use-github-style] h1 .octicon-link,
.markdown-preview[data-use-github-style] h2 .octicon-link,
.markdown-preview[data-use-github-style] h3 .octicon-link,
.markdown-preview[data-use-github-style] h4 .octicon-link,
.markdown-preview[data-use-github-style] h5 .octicon-link,
.markdown-preview[data-use-github-style] h6 .octicon-link {
display: none;
color: rgb(0, 0, 0);
vertical-align: middle;
}

.markdown-preview[data-use-github-style] h1:hover .anchor,
.markdown-preview[data-use-github-style] h2:hover .anchor,
.markdown-preview[data-use-github-style] h3:hover .anchor,
.markdown-preview[data-use-github-style] h4:hover .anchor,
.markdown-preview[data-use-github-style] h5:hover .anchor,
.markdown-preview[data-use-github-style] h6:hover .anchor {
padding-left: 8px;
margin-left: -30px;
text-decoration: none;
}

.markdown-preview[data-use-github-style] h1:hover .anchor .octicon-link,
.markdown-preview[data-use-github-style] h2:hover .anchor .octicon-link,
.markdown-preview[data-use-github-style] h3:hover .anchor .octicon-link,
.markdown-preview[data-use-github-style] h4:hover .anchor .octicon-link,
.markdown-preview[data-use-github-style] h5:hover .anchor .octicon-link,
.markdown-preview[data-use-github-style] h6:hover .anchor .octicon-link {
display: inline-block;
}

.markdown-preview[data-use-github-style] h1 tt,
.markdown-preview[data-use-github-style] h2 tt,
.markdown-preview[data-use-github-style] h3 tt,
.markdown-preview[data-use-github-style] h4 tt,
.markdown-preview[data-use-github-style] h5 tt,
.markdown-preview[data-use-github-style] h6 tt,
.markdown-preview[data-use-github-style] h1 code,
.markdown-preview[data-use-github-style] h2 code,
.markdown-preview[data-use-github-style] h3 code,
.markdown-preview[data-use-github-style] h4 code,
.markdown-preview[data-use-github-style] h5 code,
.markdown-preview[data-use-github-style] h6 code {
font-size: inherit;
}

.markdown-preview[data-use-github-style] h1 {
padding-bottom: 0.3em;
font-size: 2.25em;
line-height: 1.2;
border-bottom: 1px solid rgb(238, 238, 238);
}

.markdown-preview[data-use-github-style] h1 .anchor {
line-height: 1;
}

.markdown-preview[data-use-github-style] h2 {
padding-bottom: 0.3em;
font-size: 1.75em;
line-height: 1.225;
border-bottom: 1px solid rgb(238, 238, 238);
}

.markdown-preview[data-use-github-style] h2 .anchor {
line-height: 1;
}

.markdown-preview[data-use-github-style] h3 {
font-size: 1.5em;
line-height: 1.43;
}

.markdown-preview[data-use-github-style] h3 .anchor {
line-height: 1.2;
}

.markdown-preview[data-use-github-style] h4 {
font-size: 1.25em;
}

.markdown-preview[data-use-github-style] h4 .anchor {
line-height: 1.2;
}

.markdown-preview[data-use-github-style] h5 {
font-size: 1em;
}

.markdown-preview[data-use-github-style] h5 .anchor {
line-height: 1.1;
}

.markdown-preview[data-use-github-style] h6 {
font-size: 1em;
color: rgb(119, 119, 119);
}

.markdown-preview[data-use-github-style] h6 .anchor {
line-height: 1.1;
}

.markdown-preview[data-use-github-style] p,
.markdown-preview[data-use-github-style] blockquote,
.markdown-preview[data-use-github-style] ul,
.markdown-preview[data-use-github-style] ol,
.markdown-preview[data-use-github-style] dl,
.markdown-preview[data-use-github-style] table,
.markdown-preview[data-use-github-style] pre {
margin-top: 0px;
margin-bottom: 16px;
}

.markdown-preview[data-use-github-style] hr {
height: 4px;
padding: 0px;
margin: 16px 0px;
border: 0px none;
background-color: rgb(231, 231, 231);
}

.markdown-preview[data-use-github-style] ul,
.markdown-preview[data-use-github-style] ol {
padding-left: 2em;
}

.markdown-preview[data-use-github-style] ul.no-list,
.markdown-preview[data-use-github-style] ol.no-list {
padding: 0px;
list-style-type: none;
}

.markdown-preview[data-use-github-style] ul ul,
.markdown-preview[data-use-github-style] ul ol,
.markdown-preview[data-use-github-style] ol ol,
.markdown-preview[data-use-github-style] ol ul {
margin-top: 0px;
margin-bottom: 0px;
}

.markdown-preview[data-use-github-style] li>p {
margin-top: 16px;
}

.markdown-preview[data-use-github-style] dl {
padding: 0px;
}

.markdown-preview[data-use-github-style] dl dt {
padding: 0px;
margin-top: 16px;
font-size: 1em;
font-style: italic;
font-weight: bold;
}

.markdown-preview[data-use-github-style] dl dd {
padding: 0px 16px;
margin-bottom: 16px;
}

.markdown-preview[data-use-github-style] blockquote {
padding: 0px 15px;
color: rgb(119, 119, 119);
border-left: 4px solid rgb(221, 221, 221);
}

.markdown-preview[data-use-github-style] blockquote> :first-child {
margin-top: 0px;
}

.markdown-preview[data-use-github-style] blockquote> :last-child {
margin-bottom: 0px;
}

.markdown-preview[data-use-github-style] table {
display: block;
width: 100%;
overflow: auto;
word-break: keep-all;
}

.markdown-preview[data-use-github-style] table th {
font-weight: bold;
}

.markdown-preview[data-use-github-style] table th,
.markdown-preview[data-use-github-style] table td {
padding: 6px 13px;
border: 1px solid rgb(221, 221, 221);
}

.markdown-preview[data-use-github-style] table tr {
border-top: 1px solid rgb(204, 204, 204);
background-color: rgb(255, 255, 255);
}

.markdown-preview[data-use-github-style] table tr:nth-child(2n) {
background-color: rgb(248, 248, 248);
}

.markdown-preview[data-use-github-style] img {
max-width: 100%;
box-sizing: border-box;
}

.markdown-preview[data-use-github-style] .emoji {
max-width: none;
}

.markdown-preview[data-use-github-style] span.frame {
display: block;
overflow: hidden;
}

.markdown-preview[data-use-github-style] span.frame>span {
display: block;
float: left;
width: auto;
padding: 7px;
margin: 13px 0px 0px;
overflow: hidden;
border: 1px solid rgb(221, 221, 221);
}

.markdown-preview[data-use-github-style] span.frame span img {
display: block;
float: left;
}

.markdown-preview[data-use-github-style] span.frame span span {
display: block;
padding: 5px 0px 0px;
clear: both;
color: rgb(51, 51, 51);
}

.markdown-preview[data-use-github-style] span.align-center {
display: block;
overflow: hidden;
clear: both;
}

.markdown-preview[data-use-github-style] span.align-center>span {
display: block;
margin: 13px auto 0px;
overflow: hidden;
text-align: center;
}

.markdown-preview[data-use-github-style] span.align-center span img {
margin: 0px auto;
text-align: center;
}

.markdown-preview[data-use-github-style] span.align-right {
display: block;
overflow: hidden;
clear: both;
}

.markdown-preview[data-use-github-style] span.align-right>span {
display: block;
margin: 13px 0px 0px;
overflow: hidden;
text-align: right;
}

.markdown-preview[data-use-github-style] span.align-right span img {
margin: 0px;
text-align: right;
}

.markdown-preview[data-use-github-style] span.float-left {
display: block;
float: left;
margin-right: 13px;
overflow: hidden;
}

.markdown-preview[data-use-github-style] span.float-left span {
margin: 13px 0px 0px;
}

.markdown-preview[data-use-github-style] span.float-right {
display: block;
float: right;
margin-left: 13px;
overflow: hidden;
}

.markdown-preview[data-use-github-style] span.float-right>span {
display: block;
margin: 13px auto 0px;
overflow: hidden;
text-align: right;
}

.markdown-preview[data-use-github-style] code,
.markdown-preview[data-use-github-style] tt {
padding: 0.2em 0px;
margin: 0px;
font-size: 85%;
border-radius: 3px;
background-color: rgba(0, 0, 0, 0.0392157);
}

.markdown-preview[data-use-github-style] code::before,
.markdown-preview[data-use-github-style] tt::before,
.markdown-preview[data-use-github-style] code::after,
.markdown-preview[data-use-github-style] tt::after {
letter-spacing: -0.2em;
content: " ";
}

.markdown-preview[data-use-github-style] code br,
.markdown-preview[data-use-github-style] tt br {
display: none;
}

.markdown-preview[data-use-github-style] del code {
text-decoration: inherit;
}

.markdown-preview[data-use-github-style] pre>code {
padding: 0px;
margin: 0px;
font-size: 100%;
word-break: normal;
white-space: pre;
border: 0px;
background: transparent;
}

.markdown-preview[data-use-github-style] .highlight {
margin-bottom: 16px;
}

.markdown-preview[data-use-github-style] .highlight pre,
.markdown-preview[data-use-github-style] pre {
padding: 16px;
overflow: auto;
font-size: 85%;
line-height: 1.45;
border-radius: 3px;
background-color: rgb(247, 247, 247);
}

.markdown-preview[data-use-github-style] .highlight pre {
margin-bottom: 0px;
word-break: normal;
}

.markdown-preview[data-use-github-style] pre {
word-wrap: normal;
}

.markdown-preview[data-use-github-style] pre code,
.markdown-preview[data-use-github-style] pre tt {
display: inline;
max-width: initial;
padding: 0px;
margin: 0px;
overflow: initial;
line-height: inherit;
word-wrap: normal;
border: 0px;
background-color: transparent;
}

.markdown-preview[data-use-github-style] pre code::before,
.markdown-preview[data-use-github-style] pre tt::before,
.markdown-preview[data-use-github-style] pre code::after,
.markdown-preview[data-use-github-style] pre tt::after {
content: normal;
}

.markdown-preview[data-use-github-style] kbd {
display: inline-block;
padding: 3px 5px;
font-size: 11px;
line-height: 10px;
color: rgb(85, 85, 85);
vertical-align: middle;
border-width: 1px;
border-style: solid;
border-color: rgb(204, 204, 204) rgb(204, 204, 204) rgb(187, 187, 187);
border-radius: 3px;
box-shadow: rgb(187, 187, 187) 0px -1px 0px inset;
background-color: rgb(252, 252, 252);
}

.markdown-preview[data-use-github-style] a {
color: rgb(51, 122, 183);
}

.markdown-preview[data-use-github-style] code {
color: inherit;
}

.markdown-preview[data-use-github-style] pre.editor-colors {
padding: 0.8em 1em;
margin-bottom: 1em;
font-size: 0.85em;
border-radius: 4px;
overflow: auto;
}

.scrollbars-visible-always .markdown-preview pre.editor-colors::shadow .vertical-scrollbar,
.scrollbars-visible-always .markdown-preview pre.editor-colors::shadow .horizontal-scrollbar {
visibility: hidden;
}

.scrollbars-visible-always .markdown-preview pre.editor-colors:hover::shadow .vertical-scrollbar,
.scrollbars-visible-always .markdown-preview pre.editor-colors:hover::shadow .horizontal-scrollbar {
visibility: visible;
}

.markdown-preview .task-list-item-checkbox {
position: absolute;
margin: 0.25em 0px 0px -1.4em;
}

.gutter .line-number {
background-size: 0px;
transition: background-size 0.5s;
}

.gutter .line-number.quickfix {
background-image: url(atom://atom-typescript/images/light-bulb.png);
background-size: 16.66666667px;
background-repeat: no-repeat;
background-position: right center;
}

.bracket-matcher .region {
border-bottom: 1px dotted lime;
position: absolute;
}

.spell-check-misspelling .region {
border-bottom: 2px dotted rgba(255, 51, 51, 0.75);
}

.spell-check-corrections {
width: 25em !important;
}

pre.editor-colors,
.host {
background-color: #fafafa;
color: #383a42;
}

pre.editor-colors .line.cursor-line,
.host .line.cursor-line {
background-color: rgba(56, 58, 66, 0.05);
}

pre.editor-colors .invisible,
.host .invisible {
color: #383a42;
}

pre.editor-colors .cursor,
.host .cursor {
border-left: 2px solid #526fff;
}

pre.editor-colors .selection .region,
.host .selection .region {
background-color: #e5e5e6;
}

pre.editor-colors .bracket-matcher .region,
.host .bracket-matcher .region {
border-bottom: 1px solid #526fff;
box-sizing: border-box;
}

pre.editor-colors .invisible-character,
.host .invisible-character {
color: rgba(56, 58, 66, 0.2);
}

pre.editor-colors .indent-guide,
.host .indent-guide {
color: rgba(56, 58, 66, 0.2);
}

pre.editor-colors .wrap-guide,
.host .wrap-guide {
background-color: rgba(56, 58, 66, 0.2);
}

pre.editor-colors .find-result .region.region.region,
.host .find-result .region.region.region,
pre.editor-colors .current-result .region.region.region,
.host .current-result .region.region.region {
border-radius: 2px;
background-color: rgba(82, 111, 255, 0.2);
transition: border-color 0.4s;
}

pre.editor-colors .find-result .region.region.region,
.host .find-result .region.region.region {
border: 2px solid transparent;
}

pre.editor-colors .current-result .region.region.region,
.host .current-result .region.region.region {
border: 2px solid #526fff;
transition-duration: .1s;
}

pre.editor-colors .gutter .line-number,
.host .gutter .line-number {
color: #9d9d9f;
-webkit-font-smoothing: antialiased;
}

pre.editor-colors .gutter .line-number.cursor-line,
.host .gutter .line-number.cursor-line {
color: #383a42;
background-color: #f2f2f2;
}

pre.editor-colors .gutter .line-number.cursor-line-no-selection,
.host .gutter .line-number.cursor-line-no-selection {
background-color: transparent;
}

pre.editor-colors .gutter .line-number .icon-right,
.host .gutter .line-number .icon-right {
color: #383a42;
}

pre.editor-colors .gutter:not(.git-diff-icon) .line-number.git-line-removed.git-line-removed::before,
.host .gutter:not(.git-diff-icon) .line-number.git-line-removed.git-line-removed::before {
bottom: -3px;
}

pre.editor-colors .gutter:not(.git-diff-icon) .line-number.git-line-removed::after,
.host .gutter:not(.git-diff-icon) .line-number.git-line-removed::after {
content: "";
position: absolute;
left: 0px;
bottom: 0px;
width: 25px;
border-bottom: 1px dotted rgba(255, 20, 20, 0.5);
pointer-events: none;
}

pre.editor-colors .gutter .line-number.folded,
.host .gutter .line-number.folded,
pre.editor-colors .gutter .line-number:after,
.host .gutter .line-number:after,
pre.editor-colors .fold-marker:after,
.host .fold-marker:after {
color: #383a42;
}

.comment {
color: #a0a1a7;
font-style: italic;
}

.comment .markup.link {
color: #a0a1a7;
}

.entity.name.type {
color: #c18401;
}

.entity.other.inherited-class {
color: #50a14f;
}

.keyword {
color: #a626a4;
}

.keyword.control {
color: #a626a4;
}

.keyword.operator {
color: #383a42;
}

.keyword.other.special-method {
color: #4078f2;
}

.keyword.other.unit {
color: #986801;
}

.storage {
color: #a626a4;
}

.storage.type.annotation,
.storage.type.primitive {
color: #a626a4;
}

.storage.modifier.package,
.storage.modifier.import {
color: #383a42;
}

.constant {
color: #986801;
}

.constant.variable {
color: #986801;
}

.constant.character.escape {
color: #0184bc;
}

.constant.numeric {
color: #986801;
}

.constant.other.color {
color: #0184bc;
}

.constant.other.symbol {
color: #0184bc;
}

.variable {
color: #e45649;
}

.variable.interpolation {
color: #ca1243;
}

.variable.parameter {
color: #383a42;
}

.string {
color: #50a14f;
}

.string.regexp {
color: #0184bc;
}

.string.regexp .source.ruby.embedded {
color: #c18401;
}

.string.other.link {
color: #e45649;
}

.punctuation.definition.comment {
color: #a0a1a7;
}

.punctuation.definition.method-parameters,
.punctuation.definition.function-parameters,
.punctuation.definition.parameters,
.punctuation.definition.separator,
.punctuation.definition.seperator,
.punctuation.definition.array {
color: #383a42;
}

.punctuation.definition.heading,
.punctuation.definition.identity {
color: #4078f2;
}

.punctuation.definition.bold {
color: #c18401;
font-weight: bold;
}

.punctuation.definition.italic {
color: #a626a4;
font-style: italic;
}

.punctuation.section.embedded {
color: #ca1243;
}

.punctuation.section.method,
.punctuation.section.class,
.punctuation.section.inner-class {
color: #383a42;
}

.support.class {
color: #c18401;
}

.support.type {
color: #0184bc;
}

.support.function {
color: #0184bc;
}

.support.function.any-method {
color: #4078f2;
}

.entity.name.function {
color: #4078f2;
}

.entity.name.class,
.entity.name.type.class {
color: #c18401;
}

.entity.name.section {
color: #4078f2;
}

.entity.name.tag {
color: #e45649;
}

.entity.other.attribute-name {
color: #986801;
}

.entity.other.attribute-name.id {
color: #4078f2;
}

.meta.class {
color: #c18401;
}

.meta.class.body {
color: #383a42;
}

.meta.method-call,
.meta.method {
color: #383a42;
}

.meta.definition.variable {
color: #e45649;
}

.meta.link {
color: #986801;
}

.meta.require {
color: #4078f2;
}

.meta.selector {
color: #a626a4;
}

.meta.separator {
background-color: #373b41;
color: #383a42;
}

.meta.tag {
color: #383a42;
}

.underline {
text-decoration: underline;
}

.none {
color: #383a42;
}

.invalid.deprecated {
color: #000000 !important;
background-color: #f2a60d !important;
}

.invalid.illegal {
color: #ffffff !important;
background-color: #ff1414 !important;
}

.markup.bold {
color: #986801;
font-weight: bold;
}

.markup.changed {
color: #a626a4;
}

.markup.deleted {
color: #e45649;
}

.markup.italic {
color: #a626a4;
font-style: italic;
}

.markup.heading {
color: #e45649;
}

.markup.heading .punctuation.definition.heading {
color: #4078f2;
}

.markup.link {
color: #a626a4;
}

.markup.inserted {
color: #50a14f;
}

.markup.quote {
color: #986801;
}

.markup.raw {
color: #50a14f;
}

.source.c .keyword.operator {
color: #a626a4;
}

.source.cpp .keyword.operator {
color: #a626a4;
}

.source.cs .keyword.operator {
color: #a626a4;
}

.source.css .property-name,
.source.css .property-value {
color: #696c77;
}

.source.css .property-name.support,
.source.css .property-value.support {
color: #383a42;
}

.source.gfm .markup {
-webkit-font-smoothing: auto;
}

.source.gfm .link .entity {
color: #4078f2;
}

.source.go .storage.type.string {
color: #a626a4;
}

.source.ini .keyword.other.definition.ini {
color: #e45649;
}

.source.java .storage.modifier.import {
color: #c18401;
}

.source.java .storage.type {
color: #c18401;
}

.source.java .keyword.operator.instanceof {
color: #a626a4;
}

.source.java-properties .meta.key-pair {
color: #e45649;
}

.source.java-properties .meta.key-pair>.punctuation {
color: #383a42;
}

.source.js .keyword.operator {
color: #0184bc;
}

.source.js .keyword.operator.delete,
.source.js .keyword.operator.in,
.source.js .keyword.operator.of,
.source.js .keyword.operator.instanceof,
.source.js .keyword.operator.new,
.source.js .keyword.operator.typeof,
.source.js .keyword.operator.void {
color: #a626a4;
}

.source.json .meta.structure.dictionary.json>.string.quoted.json {
color: #e45649;
}

.source.json .meta.structure.dictionary.json>.string.quoted.json>.punctuation.string {
color: #e45649;
}

.source.json .meta.structure.dictionary.json>.value.json>.string.quoted.json,
.source.json .meta.structure.array.json>.value.json>.string.quoted.json,
.source.json .meta.structure.dictionary.json>.value.json>.string.quoted.json>.punctuation,
.source.json .meta.structure.array.json>.value.json>.string.quoted.json>.punctuation {
color: #50a14f;
}

.source.json .meta.structure.dictionary.json>.constant.language.json,
.source.json .meta.structure.array.json>.constant.language.json {
color: #0184bc;
}

.source.ruby .constant.other.symbol>.punctuation {
color: inherit;
}

.source.python .keyword.operator.logical.python {
color: #a626a4;
}

.source.python .variable.parameter {
color: #986801;
}
-->

https://github.com/DmitryBaranovskiy/raphael
http://dmitrybaranovskiy.github.io/raphael/

形状

名称 参数 说明
rect x, y, width, height, [r] 矩形
circle cx, cy, r 圆
ellipse cx, cy, rx, ry 椭圆
image src, x, y, width, height 图片
path pathString 路径
text x, y, text 文字

事件

名称 说明
click/unclick 点击
dblclick/undblclick 双击
hover/hover 移入、移出
mousedown/unmousedown 鼠标按下
mousemove/unmousemove 鼠标移动
mouseup/unmouseup 鼠标抬起
touchstart/untouchstart 手指按下
touchmove/untouchmove 手指移动
touchend/untouchend 手指抬起

transform

transform以字符串形式写，例如："t200,50r45s2"

命令 说明 参数
t translate x,y
r rotate angle
s scale x,y

路径

命令 说明 参数
M moveto (x y)+
Z 闭合  
L lineto (x y)+
H 横线(horizontal) x+
V 竖线(vertical) y+
C 曲线(curve) (x1 y1 x2 y2 x y)+
S 平滑曲线(smooth) (x2 y2 x y)+
Q 二次贝赛尔曲线(quadratic) (x1 y1 x y)+
T 平滑二次贝塞尔曲线 (x y)+
A 弧线(arc) (rx ry x-axis-rotation large-arc-flag sweep-flag x y)+
R 卡特莫尔罗曲线(CatmullRom)——抗锯齿平滑曲线的一种算法 x1 y1 (x y)+

属性

名称 类型 说明
基本样式    
x number  
y number  
width number  
height height  
rx number 圆角x
ry number 圆角y
cx number 圆心x
cy number 圆心y
r number 半径
opacity number 透明度
path string path字符串
src string 图片地址，只有image元素可用
transform string 类似transform()方法
边线样式    
stroke string 边线，只能是颜色
stroke-width number 边线宽度
stroke-linecap string 端点形状：[“butt”, “square”, “round”]
stroke-linejoin string 接头形状：[“bevel”, “round”, “miter”]
stroke-dasharray string 边线虚线，-和.组成："-.-"/"-"/"--.._..--"
stroke-miterlimit number 斜接长度限制，只有当接头是miter时有效
stroke-opacity number 边线透明度
填充样式    
fill number 填充，可以是颜色、渐变或图片
fill-opacity number 填充透明度
字体    
font string 类似于css的font
font-family string 字体
font-size number 字体大小
font-weight string 加粗
text string text元素的文字内容
text-anchor string 文本对齐：[“start”, “middle”, “end”]
title string text的tooltip
href string 链接地址
target string 链接target
其他    
cursor string 鼠标指针，类似于css的cursor样式
arrow-end string arrowhead on the end of the path. The format for string is [-[-]]. Possible types: classic, block, open, oval, diamond, none, width: wide, narrow, midium, length: long, short, midium.
clip-rect string comma or space separated values: x, y, width and height

相关文章