簡體 English 中英

重新計算縮放元素上的變換原點

[英]recalculate transform-origin on scaled element

原文 2013-05-16 14:06:34 4 1 javascript/ css3/ transform

我有一個可以使用CSS3轉換縮放和移動的元素。 我的目標是始終在鼠標位置進行縮放，因此我將元素的變換原點設置為元素的相對鼠標位置。 從縮放1放大和縮小效果很好，但是當我將光標移到縮放的元素上時，設置transform-origin也將移動該元素。

我想我必須計算類似“縮放的轉換原點”的內容，但是我不知道該怎么做。

有人可以幫我從這里出去嗎？

1 個解決方案

我不確定您想要的效果是什么，但是您是否嘗試過使用translate而不是transform-origin根據鼠標位置移動放大的圖像？

在 CSS 中將 transform-origin 移回元素的中心

[英]Move transform-origin back to the center of the element in CSS

在React Native中動畫化轉換原點

[英]Animating transform-origin in React Native

使用jQuery更改轉換源？

[英]Changing transform-origin using jQuery?

Chrome 75，打破變換起源動畫

[英]Chrome 75, break transform-origin animation

Firefox SVG轉換來源仍然沒有固定？

[英]Firefox SVG transform-origin still not fixed?

為什么 transform-origin 屬性不起作用？

[英]Why transform-origin property is not working?

CSS SVG 上的 transform-origin 未按預期工作

[英]CSS transform-origin on SVG not working as expected

CSS3-轉換來源不適用於d3.js中的SVG元素

[英]CSS3 - Transform-origin not working on SVG element in d3.js

CSS 變換原點不適用於 safari 中的 svg

[英]CSS transform-origin not working for svg in safari

如何在transform-origin和scrollbars之間切換

[英]How to switch between transform-origin and scrollbars

暫無

暫無

聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

相關問題 在 CSS 中將 transform-origin 移回元素的中心在React Native中動畫化轉換原點使用jQuery更改轉換源？ Chrome 75，打破變換起源動畫 Firefox SVG轉換來源仍然沒有固定？為什么 transform-origin 屬性不起作用？ CSS SVG 上的 transform-origin 未按預期工作 CSS3-轉換來源不適用於d3.js中的SVG元素 CSS 變換原點不適用於 safari 中的 svg 如何在transform-origin和scrollbars之間切換

相關標簽

粵ICP備18138465號 © 2020-2024 STACKOOM.COM