質問編集履歴
1
「あらかじめ指定されていた状態」を少し変更しました。
test
CHANGED
File without changes
|
test
CHANGED
@@ -1,4 +1,4 @@
|
|
1
|
-
あらかじめ
|
1
|
+
あらかじめ、何かのトリガーでJSによって、style.transformが割り当てられている状態で、「画面がクリックされたら、(scaleを維持したまま)45度回転する」という処理を行いたいのですが、同意すればいいでしょうか?
|
2
2
|
|
3
3
|
|
4
4
|
|
@@ -34,8 +34,6 @@
|
|
34
34
|
|
35
35
|
height:200px;
|
36
36
|
|
37
|
-
transform:scaleX(0.5);
|
38
|
-
|
39
37
|
background-color: red;
|
40
38
|
|
41
39
|
}
|
@@ -49,6 +47,10 @@
|
|
49
47
|
<div id='box'></div>
|
50
48
|
|
51
49
|
<script>
|
50
|
+
|
51
|
+
document.getElementById('box').style.transform='scaleX(0.5)'
|
52
|
+
|
53
|
+
|
52
54
|
|
53
55
|
document.addEventListener('click',()=>{
|
54
56
|
|
@@ -87,3 +89,17 @@
|
|
87
89
|
![イメージ説明](4933feb04a8e64b2bc54320954334862.png)
|
88
90
|
|
89
91
|
理想↑
|
92
|
+
|
93
|
+
|
94
|
+
|
95
|
+
追記:
|
96
|
+
|
97
|
+
```
|
98
|
+
|
99
|
+
document.getElementById('box').style.transform='scaleX(0.5) rotate(45deg)'
|
100
|
+
|
101
|
+
```
|
102
|
+
|
103
|
+
はあまりやりたくないです。
|
104
|
+
|
105
|
+
というのも、実際には、scaleX とrotateの中身を動的に変更するからです。
|