File tree Expand file tree Collapse file tree 2 files changed +28
-0
lines changed
Expand file tree Collapse file tree 2 files changed +28
-0
lines changed Original file line number Diff line number Diff 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```
125130trueにすると一度画面から外れて再び表示された際に再度アニメーションが実行されます。
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: 色の変更
Original file line number Diff line number Diff line change @@ -82,27 +82,31 @@ $('.marker-animation').markerAnimation({
8282 color: ' #fe9'
8383});
8484```
85+
8586### thickness
8687Set the thickness of line
8788``` javascript
8889$ (' .marker-animation' ).markerAnimation ({
8990 thickness: ' .6em'
9091});
9192```
93+
9294### duration
9395Set the time to complete drawing a line
9496``` javascript
9597$ (' .marker-animation' ).markerAnimation ({
9698 duration: ' 2s'
9799});
98100```
101+
99102### delay
100103Set the time to start drawing a line
101104``` javascript
102105$ (' .marker-animation' ).markerAnimation ({
103106 duration: ' .1s'
104107});
105108```
109+
106110### font_weight
107111Set the thickness of characters
108112``` javascript
@@ -112,6 +116,7 @@ $('.marker-animation').markerAnimation({
112116```
113117\[ default = ` bold ` ]
114118If you do not want to make it bold, please set ` null ` .
119+
115120### repeat
116121Set whether to repeat the animation
117122``` javascript
@@ -120,6 +125,7 @@ $('.marker-animation').markerAnimation({
120125});
121126```
122127If this set to true, the animation will be executed again when it is off screen and displayed again.
128+
123129### stripe
124130Set 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
135149You can set options in the following format.
136150```
You can’t perform that action at this time.
0 commit comments