3pp-mirror/penpot
1
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2025-07-28 07:57:23 +02:00
Code Issues Projects Releases Packages Wiki Activity

🎉 Multiple selection rotation

Browse source
This commit is contained in:
alonso.torres 2020-04-09 15:40:25 +02:00
parent e59b20fb6e
commit d86b5237c1
5 changed files with 146 additions and 104 deletions
Download patch file Download diff file Expand all files Collapse all files

13
frontend/src/uxbox/main/ui/shapes/rect.cljs
View file

@ -8,6 +8,8 @@
(:require
[rumext.alpha :as mf]
[cuerdas.core :as str]
[uxbox.util.geom.matrix :as gmt]
[uxbox.util.geom.point :as gpt]
[uxbox.main.geom :as geom]
[uxbox.main.refs :as refs]
[uxbox.main.ui.shapes.attrs :as attrs]
@ -36,12 +38,10 @@
[props]
(let [shape (unchecked-get props "shape")
{:keys [id x y width height rotation]} shape
transform (when (and rotation (pos? rotation))
(str/format "rotate(%s %s %s)"
rotation
(+ x (/ width 2))
(+ y (/ height 2))))
center (gpt/center shape)
transform (when (pos? rotation)
(str (-> (gmt/matrix)
(gmt/rotate rotation center))))
props (-> (attrs/extract-style-attrs shape)
(itr/obj-assign!
#js {:x x
@ -50,5 +50,4 @@
:id (str "shape-" id)
:width width
:height height}))]
[:> "rect" props]))