Régua Online

Régua de tela 1:1 precisa com calibração física, suportando medições em CM e polegadas.

📏 Régua Online (Online Ruler): Ferramenta de Medição de Tela 1:1 e Calibração Física —— Uma extensão de navegador leve, de alta precisão e profissional, que transforma sua tela em uma régua física e um transferidor reais. ----------------------------------- Você costuma ter dificuldade em obter medições precisas ao medir objetos na tela devido a variações na resolução e nos níveis de zoom? A "Régua Online" foi projetada especificamente para resolver essa frustração comum. Utilizando uma tecnologia de calibração física exclusiva, ela gera dinamicamente escalas 1:1 precisas com base no PPI (Pixels por Polegada) real do seu monitor, fornecendo referências de medição com precisão do mundo real. Seja você um designer, um engenheiro ou um estudante aprendendo geometria, esta extensão oferece a solução de medição digital mais intuitiva e confiável. 🎉 v2.1.0 ATUALIZAÇÃO: TRANSFERIDOR DINÂMICO DE TRÊS PONTOS ----------------------------------- Esta atualização aprimora ainda mais a capacidade de medição de ângulos em páginas da web, introduzindo o novo Transferidor Dinâmico de Três Pontos, ideal para cenários de alinhamento real: ✨ Transferidor Dinâmico de Três Pontos: Adiciona à página atual uma ferramenta de medição composta por um vértice e duas extremidades. Alinhe qualquer ângulo rapidamente posicionando os três pontos. ✨ Cálculo de Ângulo em Tempo Real: Ao arrastar qualquer extremidade, o ângulo entre os dois braços é calculado e exibido automaticamente em graus (°), suportando medições de 0° a 360°. ✨ Braços de Medição com Extensão Dinâmica: Os dois braços de medição podem ser estendidos continuamente ao arrastar as extremidades, adaptando-se a grandes elementos da web, bordas de imagens ou linhas inclinadas de design. ✨ Área de Setor Semitransparente: Um setor (leque) semitransparente é exibido automaticamente entre os dois braços para visualizar a área medida, com suporte para ajuste individual de transparência. ✨ Encaixe de Ângulo Independente: Cada braço possui atração magnética (snap) automática ao aproximar-se de direções múltiplas de 45° (0°, 45°, 90°, etc.), facilitando o alinhamento rápido com bordas horizontais, verticais ou diagonais comuns. ✨ Alinhamento por Cores e Ponto Central: Suporta troca de cores. O vértice possui um círculo oco transparente com um ponto central claro, facilitando o encaixe preciso no local da medição. 🌟 Recursos Principais (Core Features) ----------------------------------- ✨ Calibração em Nível Físico (Physical Calibration): Alinhe a ferramenta com objetos físicos padrão — como um cartão de crédito, uma folha A4 ou uma moeda — para calcular automaticamente o PPI exato da sua tela. Suporta botões +/- para microajustes de 1 pixel. 📏 Três Principais Ferramentas de Medição: Régua de Tela: Suporta escalas métricas e imperiais para medir comprimento, espaçamento e dimensões de elementos. Transferidor Padrão: Um transferidor semitransparente com rotação de 360° baseado nos dados de calibração de PPI para um tamanho físico real na tela. Transferidor Dinâmico de Três Pontos: Mede ângulos arbitrários através de um vértice e duas extremidades dinâmicas, com exibição de ângulo em tempo real, braços extensíveis, área de setor semitransparente e ajuste de cor/transparência. 🧩 Suporte a Múltiplas Ferramentas: Adicione várias réguas, transferidores padrão ou transferidores dinâmicos de três pontos na mesma página para necessidades complexas de medição comparativa e posicionamento geométrico. 📏 Modos de Medição Duplos: Modo de Janela Independente: Abre uma janela de régua limpa e "sempre visível", com suporte a redimensionamento e rotação horizontal/vertical. Modo de Sobreposição na Página (Overlay): Exibe réguas ou transferidores flutuantes diretamente sobre qualquer página da web com transparência ajustável. 🔄 Rotação, Encaixe e Alinhamento de Ângulos: Liberte-se das restrições horizontais e verticais. Use a alça de rotação para ajustar o ângulo da régua ou transferidor padrão em tempo real. As réguas e transferidores suportam encaixe em ângulos-chave (45°/90°). Os braços do transferidor de três pontos também suportam encaixe independente em múltiplos de 45°. 🔄 Deslocamento Zero e Redefinição (Zero Offset): Simula a borda protetora do "ponto zero" e permite configurar um deslocamento inicial personalizado (em mm). Inclui uma função de "Redefinir" com um clique para restaurar a medição base. 🎨 Materiais, Cores e Transparência: As réguas suportam texturas de Madeira, Plástico ou Metal com filtros SVG dinâmicos, equilibrando profissionalismo e conforto de leitura. Plásticos oferecem várias opções de cores. Os transferidores oferecem vários esquemas de cores semitransparentes, garantindo visibilidade clara em qualquer fundo. O transferidor de três pontos suporta ajuste individual da transparência da área do setor. 📏 Suporte Abrangente a Escalas: Métrico: Escalas de Centímetros (CM) e Milímetros (MM). Imperial: Escalas de Polegadas (Inch), com subdivisões de alta precision de até 1/16 de polegada. 🔄 Lógica de Interação Flexível: Redimensionamento por Toda a Borda: No modo overlay, arraste qualquer ponto da extremidade da régua para ajustar seu comprimento. Sincronização em Tempo Real: Mudanças em materiais, cores, configurações do popup ou deslocamentos são aplicadas instantaneamente. 💾 Privacidade e Armazenamento Local: Todos os dados de calibração (PPI, unidades, deslocamentos) são armazenados exclusivamente no seu navegador local e não são enviados para servidores externos. 📖 Instruções de Uso (Instructions) ----------------------------------- 1. Primeiro Uso: Clique no ícone da extensão para entrar no "Modo de Calibração". 2. Calibração de Alinhamento: Selecione um objeto de referência (ex: cartão de crédito), coloque-o contra a tela e ajuste o controle deslizante até que o quadro vermelho na tela coincida perfeitamente com o objeto real. 3. Começar a Medir: Clique em "Adicionar Régua à Página Atual", "Adicionar Transferidor" ou "Adicionar Transferidor Dinâmico de Três Pontos". 4. Mudar Estilo: Use os ícones da barra de ferramentas na régua/transferidor para ajustar materiais, cores ou transparência. 5. Mover e Rotacionar: Arraste a ferramenta para movê-la. Use a alça redonda para girar a régua ou o transferidor padrão; arraste o vértice ou as extremidades do transferidor de três pontos para alinhar o ângulo. 🎨 Filosofia de Design (Design Philosophy) ----------------------------------- Precisão Acima de Tudo: Baseado na fórmula matemática rigorosa `pixelsPerMm = ppi / 25.4` para garantir a restauração 1:1. Mentalidad de Kit de Ferramentas: Combinando réguas e transferidores para depuração de UI, verificação de plantas, engenharia e educação. Usabilidade Instantânea: Alças de arraste amplas, vértices centrais transparentes e encaixe de ângulos projetados para minimizar a fricção no uso. 🗺️ Roteiro (Roadmap) ----------------------------------- Linhas de Referência Auxiliares: Adicionando miras, grades ou encaixe em bordas de elementos. Referências de Calibração Expandidas: Suporte para papel A5 e dimensões comuns de telas de novos modelos de celulares. Recurso de Anotação: Permitir adicionar notas simples de texto ou linhas nos pontos de medição. 💬 Feedback e Sugestões ----------------------------------- Criado especificamente para usuários que exigem precisão absoluta! Se você tiver ideias ou encontrar problemas, entre em contato conosco. Seu feedback é o motor da nossa melhoria contínua. Medição precisa, ao alcance dos seus dedos! 🚀