Skip to main content
Lin-zero
Lin-zero
Participant
March 28, 2024
Question

[縮放功能] 在選取多個單一物件/文字縮放的同時， 可以設定各自縮放

  • March 28, 2024
  • 2 replies
  • 499 views

假設有兩個物件要操作放大，
現在的縮放效果: 以所有物體為中心縮放
期望的縮放效果: 單一物體，各自縮放

This topic has been closed for replies.

2 replies

J
Justin376113633q7t
Participant
May 24, 2024
quote

假設有兩個物件要操作放大，
現在的縮放效果: 以所有物體為中心縮放
期望的縮放效果: 單一物體，各自縮放


By @Lin-zero

根據您的描述，您想要在選取多個物件或文字時，將它們各自縮放，而不是以所有物體為中心進行縮放。以下是一些步驟，您可以嘗試進行操作：

開啟您的縮放功能：通常，您可以使用滑鼠滾輪或觸控板進行縮放。如果您使用的是 Windows，您可以按住 Ctrl 鍵並滾動滑鼠滾輪來進行縮放。
選取您想要縮放的物件或文字：單擊或拖動滑鼠以選取您想要縮放的物件或文字。
進行個別縮放：
如果您使用的是 Windows，您可以按住 Ctrl 鍵並滾動滑鼠滾輪，Labcorp 以獨立縮放所選物件或文字。
如果您使用的是 Mac，您可以按住 Command 鍵並滾動滑鼠滾輪，以獨立縮放所選物件或文字。

R
Ryan36378345oaoy
Participant
March 28, 2024
quote

@Lin-zeroGMSocrates 

假設有兩個物件要操作放大，
現在的縮放效果: 以所有物體為中心縮放
期望的縮放效果: 單一物體，各自縮放


By @Lin-zero

 

 

你好, @Lin-zero 

 

要實現單一物體各自縮放的效果，您可以在程式中實施一個功能，允許用戶在應用縮放操作之前選擇特定物體。這可以通過添加一個選擇物體的選項來完成，然後對該選定物體應用以其為中心的縮放。

以下是一個基於HTML和JavaScript的示例代碼，展示了如何為每個圖像實現獨立的縮放功能：

 

<!DOCTYPE html>
<html>
<head>
<style>
.img-container {
display: inline-block;
margin: 10px;
}
img {
width: 100px;
height: auto;
transition: transform 0.25s ease;
}
img:hover {
transform: scale(1.5);
}
</style>
</head>
<body>

<div class="img-container">
<img src="image1.jpg" alt="Image1">
</div>

<div class="img-container">
<img src="image2.jpg" alt="Image2">
</div>

</body>
</html>

 

在這個代碼中，每個img元素被包裹在一個div容器中，並且當鼠標懸停在圖像上時，只有該圖像會獨立放大。您可以根據需要調整CSS中的transform: scale()值來改變縮放的大小。這個解決方案適用於網頁應用，如果您是在其他平台或框架中工作，可能需要相應地調整代碼。如果您需要進一步的幫助，請提供更多的背景信息，以便我能提供更具體的解決方案。🔍👨‍💻

Lin-zero
Lin-zeroAuthor
Participant
April 10, 2024

這功能在我製作文宣海報時，因為要將特定物體單一點選縮放，重複操作很多次才能完成。我的期望是更快速的操作，所以有了這個想法--選取多件物體，每個物體都能以自我為中心縮放。

Terms & ConditionsAccessibility statement
Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices