Skip to content

Commit a597aa5

Browse files
docs: add rtl support
1 parent 7e2bea9 commit a597aa5

File tree

2 files changed

+28
-0
lines changed

2 files changed

+28
-0
lines changed

README.ja.md

Lines changed: 14 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -85,27 +85,31 @@ $('.marker-animation').markerAnimation({
8585
color: '#fe9'
8686
});
8787
```
88+
8889
### thickness
8990
マーカーの太さを指定
9091
```javascript
9192
$('.marker-animation').markerAnimation({
9293
thickness: '.6em'
9394
});
9495
```
96+
9597
### duration
9698
マーカーを塗るのを完了するまでの時間を指定
9799
```javascript
98100
$('.marker-animation').markerAnimation({
99101
duration: '2s'
100102
});
101103
```
104+
102105
### delay
103106
マーカーを塗るのを開始するまでの時間を指定
104107
```javascript
105108
$('.marker-animation').markerAnimation({
106109
duration: '.1s'
107110
});
108111
```
112+
109113
### font_weight
110114
文字の太さを指定
111115
```javascript
@@ -115,6 +119,7 @@ $('.marker-animation').markerAnimation({
115119
```
116120
デフォルトは太字です。
117121
太字にしない場合はnullを設定してください。
122+
118123
### repeat
119124
アニメーションを繰り返すかどうかを指定
120125
```javascript
@@ -123,6 +128,7 @@ $('.marker-animation').markerAnimation({
123128
});
124129
```
125130
trueにすると一度画面から外れて再び表示された際に再度アニメーションが実行されます。
131+
126132
### stripe
127133
ストライプデザインにするかどうかを指定
128134
```javascript
@@ -133,6 +139,14 @@ $('.marker-animation').markerAnimation({
133139
これが `true` の場合はアニメーションなしの動作になります。
134140
![stripe](https://raw.githubusercontent.com/technote-space/jquery.marker-animation/images/stripe.png)
135141

142+
### rtl
143+
右書き動作にするかどうかを指定
144+
```javascript
145+
$('.marker-animation').markerAnimation({
146+
rtl: false
147+
});
148+
```
149+
136150
## 個別に値を指定する方法
137151
`data-ma_[オプション名]` の形式で個別にオプションを指定することが可能です。
138152
### 例1: 色の変更

README.md

Lines changed: 14 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -82,27 +82,31 @@ $('.marker-animation').markerAnimation({
8282
color: '#fe9'
8383
});
8484
```
85+
8586
### thickness
8687
Set the thickness of line
8788
```javascript
8889
$('.marker-animation').markerAnimation({
8990
thickness: '.6em'
9091
});
9192
```
93+
9294
### duration
9395
Set the time to complete drawing a line
9496
```javascript
9597
$('.marker-animation').markerAnimation({
9698
duration: '2s'
9799
});
98100
```
101+
99102
### delay
100103
Set the time to start drawing a line
101104
```javascript
102105
$('.marker-animation').markerAnimation({
103106
duration: '.1s'
104107
});
105108
```
109+
106110
### font_weight
107111
Set the thickness of characters
108112
```javascript
@@ -112,6 +116,7 @@ $('.marker-animation').markerAnimation({
112116
```
113117
\[default = `bold`]
114118
If you do not want to make it bold, please set `null`.
119+
115120
### repeat
116121
Set whether to repeat the animation
117122
```javascript
@@ -120,6 +125,7 @@ $('.marker-animation').markerAnimation({
120125
});
121126
```
122127
If this set to true, the animation will be executed again when it is off screen and displayed again.
128+
123129
### stripe
124130
Set whether to make it stripe design
125131
```javascript
@@ -131,6 +137,14 @@ If this set to true, the animation will not be executed.
131137

132138
![stripe](https://raw.githubusercontent.com/technote-space/jquery.marker-animation/images/stripe.png)
133139

140+
### rtl
141+
Set whether to support rtl
142+
```javascript
143+
$('.marker-animation').markerAnimation({
144+
rtl: false
145+
});
146+
```
147+
134148
## How to set the value for each
135149
You can set options in the following format.
136150
```

0 commit comments

Comments
 (0)