@@ -80,13 +80,13 @@ Vue.use(ImageKit, {
8080// Using chained transformation
8181< ik- image
8282 path= " /default-image.jpg"
83- : transformation= " [{height:300,width:400}, {rotate :90}]"
83+ : transformation= " [{height:300,width:400}, {rotation :90}]"
8484/ >
8585
8686// Imgae from absolute file path
8787< ik- image
8888 src= " https://custom-domain.com/default-image.jpg"
89- : transformation= " [{height:300,width:400}, {rotate :90}]"
89+ : transformation= " [{height:300,width:400}, {rotation :90}]"
9090/ >
9191
9292// Lazy loading
@@ -189,7 +189,7 @@ var imageURL = imagekit.url({
189189// Loading imgae from an absolute file path with no transformations
190190< ik- image
191191 src= " https://custom-domain.com/default-image.jpg"
192- : transformation= " [{height:300,width:400}, {rotate :90}]"
192+ : transformation= " [{height:300,width:400}, {rotation :90}]"
193193/ >
194194
195195// Image resizing
@@ -201,7 +201,7 @@ var imageURL = imagekit.url({
201201// Using a new tranformation parameter which is not there in this SDK yet.
202202< ik- image
203203 path= " /default-image.jpg"
204- : transformation= " [{height:300,width:400, custom: 'value'}, {rotate :90}]"
204+ : transformation= " [{height:300,width:400, custom: 'value'}, {rotation :90}]"
205205/ >
206206```
207207
@@ -215,7 +215,7 @@ transformation = [
215215 width: 400
216216 },
217217 {
218- rotate : 90
218+ rotation : 90
219219 }
220220]
221221```
@@ -281,7 +281,7 @@ Chained transforms make it easy to specify the order the transform are applied.
281281// Using chained transformation. First resize and then rotate image to 90 degree.
282282< ik- image
283283 path= " /default-image.jpg"
284- : transformation= " [{height:300,width:400}, {rotate :90}]"
284+ : transformation= " [{height:300,width:400}, {rotation :90}]"
285285/ >
286286```
287287
0 commit comments