appscms-tools-theme 2.2.4 → 2.2.5

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 37e713267e3230b62492f9bf19510e934cbbfe91001e719f88feb7a2eedddf1c
-  data.tar.gz: f311fc39c90497092d498d4b18cd80665b7d586d76df02d085967da3e0ad4177
+  metadata.gz: 453710446bc4e201a7b5e2df1de53122a01e9fa2aaa19050a271ec2169759646
+  data.tar.gz: dba6831293fca990e81216e8c653ff34e288b780dc280c8cf863803666134357
 SHA512:
-  metadata.gz: c824552bfa12f3ae387f80cdbe94a13172d8d584eac73afec6e389d14c642722320e5d99e91858a21793e052a1daf4d09638302f15601006407450b7d7f34fff
-  data.tar.gz: 111fd7714e929b6703219545567b447a7f860c92b66289a0789bf2aa45ed50681c3da71061f17c4cee8d4c510e742784d7d5121d9900ea4c7a8fb34afee8afe0
+  metadata.gz: '01628b3a082ffaf783bb7038fa49f973510388143d427ff730656a637cd3ae9c264c884eb260ab61ac17cdd91c40281311e1228327b20b292b7e38069feed044'
+  data.tar.gz: da1d00b2138166f94355700089c046889a6d25da6ad67f8b7b2d2425d808f1618fa25952747831692ddd49d47ec70793ef2c596663e7e0f496a6b35960496aea

data/assets/js/frame.js

@@ -123,11 +123,13 @@ const drawImage = () => {
         if (item.type === 'text') {
           let myFont = new FontFace(item.font, `url(${item.fontPath})`)
           myFont.load().then(function (font) {
+            ctx.save()
             document.fonts.add(font)
             ctx.font = `${item.fontSize}px ${item.font}`
             if (item.shadowColor) {
               ctx.shadowColor = `${item.shadowColor}`
             }
+
             if (item.shadowOffsetX) {
               ctx.shadowOffsetX = 3
             }
@@ -137,7 +139,9 @@ const drawImage = () => {
             if (item.shadowBlur) {
               ctx.shadowBlur = 2
             }
-            ctx.rotate(-Math.PI / 2)
+            if (item.rotate) {
+              ctx.rotate((item.rotate * Math.PI) / 180)
+            }
             ctx.textAlign = 'center'
             ctx.fillStyle = `${item.color}`
             ctx.fillText(
@@ -145,6 +149,7 @@ const drawImage = () => {
               item.x,
               item.y
             )
+            ctx.restore()
           })
         }
         if (item.type === 'rectangle') {

data/assets/js/photo-effects.json

@@ -20,7 +20,7 @@
                 "x": "100",
                 "y": "100",
                 "color": "red",
-                "rotate": 40,
+                "rotate": 10,
                 "fontFamily": "Calligraphy",
                 "fontPath": "/assets/fonts/Calligraphy.ttf",
                 "fontWeight": "bold",
@@ -33,8 +33,9 @@
                 "perspective": "",
                 "height": 300,
                 "width": 300,
-                "x": 100,
-                "y": 200,
+                "rotate": 1,
+                "x": 0,
+                "y": 0,
                 "id": "file-3"
             },
             {

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: appscms-tools-theme
 version: !ruby/object:Gem::Version
-  version: 2.2.4
+  version: 2.2.5
 platform: ruby
 authors:
 - vivek-appscms