Skip to content

殷洪（管理员） / raphael

Go to a project
Commit 2711bdf6 by Dmitry Baranovskiy
Options

Documentation typo fixes.

parent ed606565
Showing with 83 additions and 60 deletions
dr.css
...@@ -18,16 +18,16 @@ html, body { ...@@ -18,16 +18,16 @@ html, body {
background: #eee; background: #eee;
border-right: solid #eee 3px; border-right: solid #eee 3px;
float: right; float: right;
font: 300 100.01%/1.4 "Myriad Pro", "Helvetica Neue", Helvetica, "Arial Unicode MS", Arial, sans-serif; font: 300 16px/1.4 "Myriad Pro", "Helvetica Neue", Helvetica, "Arial Unicode MS", Arial, sans-serif;
height: 100%; height: 100%;
margin: 0; margin: 0;
overflow: auto; overflow: auto;
padding: 0 2em; padding: 0 30px;
width: 60em; width: 800px;
} }
.dr-toc { .dr-toc {
margin: 0; margin: 0;
padding: 0 1em; padding: 0 16px;
background: #ddd; background: #ddd;
list-style: none; list-style: none;
font-family: Menlo, Consolas, Monaco, "Lucida Console", monospace; font-family: Menlo, Consolas, Monaco, "Lucida Console", monospace;
...@@ -35,11 +35,11 @@ html, body { ...@@ -35,11 +35,11 @@ html, body {
border-right: solid #ddd 3px; border-right: solid #ddd 3px;
height: 100%; height: 100%;
float: right; float: right;
width: 15em; width: 240px;
} }
#dr { #dr {
margin: 0 auto; margin: 0 auto;
width: 82em; width: 1152px;
height: 100%; height: 100%;
} }
::-moz-selection { ::-moz-selection {
...@@ -63,8 +63,8 @@ pre.code { ...@@ -63,8 +63,8 @@ pre.code {
background: #333; background: #333;
color: #fff; color: #fff;
overflow-x: auto; overflow-x: auto;
padding: 1em 2.5em; padding: 16px 30px;
margin: 0 -2.5em; margin: 0 -30px;
} }
code b { code b {
color: #e9df8f; color: #e9df8f;
...@@ -92,21 +92,21 @@ em.amp { ...@@ -92,21 +92,21 @@ em.amp {
font-style: italic; font-style: italic;
} }
dl.dr-parameters { dl.dr-parameters {
margin: .5em 0; margin: 8px 0;
} }
dt.dr-param { dt.dr-param {
color: #666; color: #666;
font-weight: 400; font-weight: 400;
float: left; float: left;
margin-right: 1em; margin-right: 16px;
min-width: 10em; min-width: 160px;
} }
dd.dr-type { dd.dr-type {
margin: 0; margin: 0;
} }
dd.dr-description { dd.dr-description {
display: table; display: table;
min-height: 1.5em; min-height: 24px;
border: solid 1px #eee; border: solid 1px #eee;
} }
.dr-type { .dr-type {
...@@ -115,46 +115,57 @@ dd.dr-description { ...@@ -115,46 +115,57 @@ dd.dr-description {
.dr-type em, .dr-type em,
.dr-returns em, .dr-returns em,
.dr-property em { .dr-property em {
-moz-border-radius: .3em; -moz-border-radius: 5px;
-webkit-border-radius: .3em; -webkit-border-radius: 5px;
background: #ccc; background: #ccc;
border-radius: .3em; border-radius: 5px;
display: block;
float: left; float: left;
font-size: .75em; font-size: .75em;
font-style: normal; font-style: normal;
font-weight: 700; font-weight: 700;
margin: .2em .5em .2em 0; margin: 0 8px 0 0;
min-width: 5em; min-width: 80px;
padding: .1em .5em; padding: 2px 5px;
text-align: center; text-align: center;
} }
.dr-type em.amp,
.dr-returns em.amp,
.dr-property em.amp {
float: none;
background: none;
font-size: 1em;
font-weight: 400;
font-style: italic;
margin: 0;
padding: 0;
min-width: 0;
}
.dr-property em.dr-type { .dr-property em.dr-type {
margin: .23em 1em 0 0; margin: 4px 16px 0 0;
} }
em.dr-type-string { em.dr-type-string {
background: #e5ff7f; background: #e1edb1;
color: #667f00; color: #3d4c00;
} }
em.dr-type-object { em.dr-type-object {
background: #ff7f7f; background: #edb1b1;
color: #7f0000; color: #4c0000;
} }
em.dr-type-function { em.dr-type-function {
background: #bf7fff; background: #cfb1ed;
color: #3f007f; color: #26004c;
} }
em.dr-type-number { em.dr-type-number {
background: #7fb2ff; background: #b1c9ed;
color: #00327f; color: #001e4c;
} }
em.dr-type-boolean { em.dr-type-boolean {
background: #7fffb2; background: #b1edc9;
color: #007f32; color: #004c1e;
} }
em.dr-type-array { em.dr-type-array {
background: #ffcc7f; background: #edd5b1;
color: #7f4c00; color: #4c2d00;
} }
dd.dr-optional { dd.dr-optional {
display: none; display: none;
...@@ -162,20 +173,20 @@ dd.dr-optional { ...@@ -162,20 +173,20 @@ dd.dr-optional {
ol.dr-json { ol.dr-json {
background: #ddd; background: #ddd;
list-style: none; list-style: none;
margin: 0 -2em; margin: 0 -30px;
padding: 1em 2em; padding: 16px 30px;
} }
ol.dr-json .dr-json-key { ol.dr-json .dr-json-key {
float: left; float: left;
min-width: 3em; min-width: 50px;
margin-right: 1em; margin-right: 16px;
} }
ol.dr-json .dr-json-description { ol.dr-json .dr-json-description {
display: table; display: table;
} }
ol.dr-json ol.dr-json { ol.dr-json ol.dr-json {
margin: 0; margin: 0;
padding: 0 0 0 3em; padding: 0 0 0 50px;
} }
h1 { h1 {
font-weight: 400; font-weight: 400;
...@@ -183,22 +194,22 @@ h1 { ...@@ -183,22 +194,22 @@ h1 {
margin: 0; margin: 0;
} }
h2, h3, h4, h5 { h2, h3, h4, h5 {
margin: 1em 0; margin: 1em 0 .5em 0;
padding: .4em 0 0; padding: 6px 0 0;
font-weight: 100; font-weight: 600;
position: relative; position: relative;
} }
h5 { h5 {
font-size: 1.1em; font-size: 18px;
} }
h4 { h4 {
font-size: 1.2em; font-size: 20px;
} }
h3 { h3 {
font-size: 1.8em; font-size: 28px;
} }
h2 { h2 {
font-size: 2.4em; font-size: 38px;
} }
h2.dr-method, h2.dr-method,
h3.dr-method, h3.dr-method,
...@@ -212,23 +223,35 @@ h4.dr-property, ...@@ -212,23 +223,35 @@ h4.dr-property,
h5.dr-property { h5.dr-property {
color: #009; color: #009;
} }
i.dr-trixie {
border: solid 10px #eee;
border-left-color: #999;
height: 0;
margin-left: -30px;
margin-top: -10px;
overflow: hidden;
position: absolute;
top: 50%;
width: 0;
}
p.header { p.header {
font-size: 1.2em; font-size: 19px;
font-weight: 200; font-weight: 600;
margin: 1em 0 .3em;
} }
.dr-returns { .dr-returns {
margin-top: 1em; margin-top: 16px;
} }
.dr-returns .dr-title { .dr-returns .dr-title {
float: left; float: left;
margin-right: 1em; margin-right: 16px;
width: 10em; width: 160px;
} }
.dr-toc a { .dr-toc a {
display: block; display: block;
text-decoration: none; text-decoration: none;
color: #333; color: #333;
padding-top: .5em; padding-top: 8px;
position: relative; position: relative;
z-index: 1000; z-index: 1000;
} }
...@@ -331,7 +354,6 @@ p { ...@@ -331,7 +354,6 @@ p {
background: #333; background: #333;
} }
#src-dr-js code:hover .ln { #src-dr-js code:hover .ln {
/* background: #666;*/
color: #fff; color: #fff;
} }
#src-dr-js code .ln { #src-dr-js code .ln {
......
raphael-src.html
This source diff could not be displayed because it is too large. You can view the blob instead.
raphael.js
...@@ -29,8 +29,9 @@ ...@@ -29,8 +29,9 @@
- onReadyCallback (function) function that is going to be called on DOM ready event. You can also subscribe to this event via Eve’s “DOMLoad” event. In this case method returns `undefined`. - onReadyCallback (function) function that is going to be called on DOM ready event. You can also subscribe to this event via Eve’s “DOMLoad” event. In this case method returns `undefined`.
= (object) @Paper = (object) @Paper
> Usage > Usage
| // Each of the following examples create a canvas that is 320px wide by 200px high | // Each of the following examples create a canvas
| // Canvas is created at the viewport’s 10,50 coordinate | // that is 320px wide by 200px high.
| // Canvas is created at the viewport’s 10,50 coordinate.
| var paper = Raphael(10, 50, 320, 200); | var paper = Raphael(10, 50, 320, 200);
| // Canvas is created at the top left corner of the #notepad element | // Canvas is created at the top left corner of the #notepad element
| // (or its top right corner in dir="rtl" elements) | // (or its top right corner in dir="rtl" elements)
...@@ -685,12 +686,12 @@ ...@@ -685,12 +686,12 @@
> Parameters > Parameters
- colour (string) colour string in one of formats: - colour (string) colour string in one of formats:
# <ul> # <ul>
# <li>Colour name (“<samp>red</samp>”, “<samp>green</samp>”, “<samp>cornflowerblue</samp>”, etc)</li> # <li>Colour name (“<code>red</code>”, “<code>green</code>”, “<code>cornflowerblue</code>”, etc)</li>
# <li>#••• — shortened HTML colour: (“<samp>#000</samp>”, “<samp>#fc0</samp>”, etc)</li> # <li>#••• — shortened HTML colour: (“<code>#000</code>”, “<code>#fc0</code>”, etc)</li>
# <li>#•••••• — full length HTML colour: (“<samp>#000000</samp>”, “<samp>#bd2300</samp>”)</li> # <li>#•••••• — full length HTML colour: (“<code>#000000</code>”, “<code>#bd2300</code>”)</li>
# <li>rgb(•••, •••, •••) — red, green and blue channels’ values: (“<samp>rgb(200,&nbsp;100,&nbsp;0)</samp>”)</li> # <li>rgb(•••, •••, •••) — red, green and blue channels’ values: (“<code>rgb(200,&nbsp;100,&nbsp;0)</code>”)</li>
# <li>rgb(•••%, •••%, •••%) — same as above, but in %: (“<samp>rgb(100%,&nbsp;175%,&nbsp;0%)</samp>”)</li> # <li>rgb(•••%, •••%, •••%) — same as above, but in %: (“<code>rgb(100%,&nbsp;175%,&nbsp;0%)</code>”)</li>
# <li>hsb(•••, •••, •••) — hue, saturation and brightness values: (“<samp>hsb(0.5,&nbsp;0.25,&nbsp;1)</samp>”)</li> # <li>hsb(•••, •••, •••) — hue, saturation and brightness values: (“<code>hsb(0.5,&nbsp;0.25,&nbsp;1)</code>”)</li>
# <li>hsb(•••%, •••%, •••%) — same as above, but in %</li> # <li>hsb(•••%, •••%, •••%) — same as above, but in %</li>
# <li>hsl(•••, •••, •••) — same as hsb</li> # <li>hsl(•••, •••, •••) — same as hsb</li>
# <li>hsl(•••%, •••%, •••%) — same as hsb</li> # <li>hsl(•••%, •••%, •••%) — same as hsb</li>
...@@ -5763,7 +5764,7 @@ ...@@ -5763,7 +5764,7 @@
** **
* You can add your own method to elements. This is usefull when you want to hack default functionality or * You can add your own method to elements. This is usefull when you want to hack default functionality or
* want to wrap some common transformation or attributes in one method. In difference to canvas methods, * want to wrap some common transformation or attributes in one method. In difference to canvas methods,
* you can redefine element method at any time. Expending element methods wouldn’t affect set * you can redefine element method at any time. Expending element methods wouldn’t affect set.
> Usage > Usage
| Raphael.el.red = function () { | Raphael.el.red = function () {
| this.attr({fill: "#f00"}); | this.attr({fill: "#f00"});
......
reference.html
This source diff could not be displayed because it is too large. You can view the blob instead.
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment