Visualizzazione dei risultati da 1 a 8 su 8
  1. #1
    Utente di HTML.it
    Registrato dal
    Mar 2019
    Messaggi
    8

    Ottenere il CSS dopo transform: scale() e transform-origin

    Salve a tutti, non so se questa è la sezione giusta nel caso chiedo scusa. In una pagina web ho un inline CSS con transform: scale() e transform-origin. Ho letto su internet che esiste Element.getBoundingClientRect() ma fa ottenere solo le dimensioni e le posizioni degli elementi relativi alla viewport. Chiedo a qualcuno se è possibile tramite Element.getBoundingClientRect() ottenere il CSS con i valori (anche font-size, ecc) dopo transform: scale() e transform-origin implementando nella pagina web codice JavaScript apposito per ottenere il CSS nella console del browser. Spero che esiste un modo per ottenere per ottenere il CSS perchè ho già provato ma non so come farlo (non riesco ad ottenere il CSS con i valori dopo le trasformazioni). Chiedo di nuovo scusa se ho scritto nella sezione sbagliata.
    Ultima modifica di fede220; 17-09-2019 a 15:06

  2. #2
    Ma perchè ti serve sapere questa informazione? Comunque, se applichi solo scale(x), le dimensioni saranno quelle originali moltiplicate per il fattore di scala x, visto che non importa quale sia la transform-origin...
    "Le uniche cose che sbagli sono quelle che non provi a fare."
    Atipica

  3. #3
    Utente di HTML.it
    Registrato dal
    Mar 2019
    Messaggi
    8
    Applicando solo transform: scale(x) ottengo il css dopo la trasformazione? Grazie per la cordialità.

  4. #4
    No, non esiste, che io sappia, il modo di ottenere quello che vuoi tu, perchè le transform vengono sempre applicate per ultime, e NON modificano lo stile precedente, ma si aggiungono.

    Quel che intendo dire è che se un elemento ha per esempio width:200px e transform: scale(0.5) è facile calcolare che width alla fine sarà 100px; questo calcolo però lo devi fare tu, non c'è nessun modo che io sappia di andare ad ottenere questa informazione.

    Ma rinnovo il quesito: perchè ti serve di sapere questo?
    "Le uniche cose che sbagli sono quelle che non provi a fare."
    Atipica

  5. #5
    Utente di HTML.it
    Registrato dal
    Mar 2019
    Messaggi
    8
    Mi serve sapere questo per avere il css dopo le trasformazioni. Se per esempio width 200px e transform: scale(5) il calcolo sarà 200 * 5= 1000px? Giusto? Questo vale anche per il padding, margin e line-height? Grazie proverò con i calcolo manuali.

  6. #6
    Si, il calcolo che fai è esatto, ma di nuovo, perchè ti serve avere il valore dopo applicata la transform? Cosa ci devi fare? Magari c'è un modo più semplice di ottenere ciò che vuoi, ma se non mi spieghi cosa stai cercando di fare, difficilmente riuscirò ad aiutarti...
    "Le uniche cose che sbagli sono quelle che non provi a fare."
    Atipica

  7. #7
    Utente di HTML.it
    Registrato dal
    Mar 2019
    Messaggi
    8
    Quello che sto cercando di fare è ottenere i valori dopo il transform per copiarli e sostituirli nei selettori di un css. Spero che mi hai capito.

  8. #8
    Utente di HTML.it
    Registrato dal
    Mar 2019
    Messaggi
    8
    Ah ti ho inviato un messaggio privato chiedendoti se puoi aiutarmi su un'altra cosa. Quando puoi ed hai tempo puoi leggerlo. Grazie

Tag per questa discussione

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.