Documentacio
Com usar MetricCanvas
MetricCanvas et permet mesurar distancies reals en qualsevol imatge — planols, fotos d'habitacions, blueprints, mapes o dibuixos tecnics — directament al teu navegador. Sense instal·lacio, sense compte, sense que les teves dades surtin del teu dispositiu.
Abans de comencar
Tot el que necessites es una imatge que contingui almenys una distancia que ja coneguis — l'amplada d'una porta, la longitud d'una habitacio, una barra d'escala impresa, qualsevol cosa amb una mesura real coneguda. Aquesta referencia permet a MetricCanvas derivar totes les altres distancies de la mateixa imatge amb precisio.
Formats suportats: JPEG, PNG, WebP, GIF, BMP i TIFF. No hi ha limit de tamany imposat per l'eina, tot i que els arxius molt grans poden carregar mes lentament depenent del teu dispositiu.
Pas 1 — Puja la teva imatge
Fes clic a l'area de pujada de la barra lateral o arrossega i deixa anar una o mes imatges directament sobre el llenç. MetricCanvas suporta multiples imatges a la vegada, cada una colocada a la seva propia capa sobre el llenç infinit.
Un cop pujades, pots desplacar-te pel llenç fent clic i arrossegant (o usant l'eina Pan de la barra), i fer zoom amb la roda del ratoli o els botons de zoom. Les imatges es poden reposicionar lliurement — el llenç no te vores fixes.
Si treballes amb un escaneig d'alta resolucio, fes zoom a l'area on dibuixaras la teva linia de calibracio abans de calibrar. Com mes precis sigui el teu clic de calibracio, mes exactes seran totes les mesions derivades.
Pas 2 — Calibra l'escala
La calibracio es el pas clau. Selecciona l'eina Calibrar de la barra, despres fes clic a dos punts de la imatge que corresponguin a una distancia real coneguda. Un dialeg et demanara que introdueixis aquesta distancia i triis la unitat (metres, centimetres, peus, polzades o qualsevol unitat personalitzada).
Tens dos modes de calibracio:
- Linia — fes clic als dos extrems d'un segment recte de longitud coneguda. Ideal per a parets, passadissos i elements lineals.
- Diametre — fes clic als dos extrems del diametre d'un objecte circular. Util per a canonades, columnes o qualsevol element circular de tamany conegut.
Despres de guardar, l'escala queda establerta. MetricCanvas usara aquesta referencia per convertir distancies en pixels a valors reals per a cada mesio posterior sobre aquesta imatge.
Consell: Usa la referencia identificable mes llarga que trobis a la imatge. Una linia de referencia de 10 m sera mes precisa que una de 0,5 m, perque els petits errors de colocacio del clic tenen un efecte proporcionalment menor.
Pas 3 — Mesura distancies
Selecciona l'eina Mesurar i fes clic a dos punts de la imatge. MetricCanvas dibuixa una linia entre ells, calcula la distancia real basada en la teva calibracio i mostra el resultat com una etiqueta directament sobre el llenç.
Pots afegir tantes mesions com necessitis. Cada una es llista al panel de Mesures de la barra lateral, on pots reanomenar-la amb alguna cosa descriptiva (per exemple, 'Amplada cuina' o 'Passadis a porta dormitori').
Les etiquetes es poden reposicionar canviant a l'eina Seleccionar i arrossegant. Si necessites tornar a mesurar alguna cosa, simplement esborra la mesio antiga de la barra lateral i dibuixa una de nova.
Pas 4 — Gestiona capes
Cada imatge que puges es converteix en una capa separada. El panel de Capes de la barra lateral mostra totes les capes de la sessio actual. Pots alternar la visibilitat de cada capa i reordenar-les arrossegant.
Les capes son utils quan vols superposar multiples imatges — per exemple, un planol juntament amb una foto de referencia del mateix espai — o al comparar diferents versions del mateix dibuix.
Pas 5 — Exporta el teu treball
Quan acabis de mesurar, el panel d'Exportar ofereix tres formats de sortida:
- PNG — exporta tot el llenç com una imatge anotada a resolucio completa, incloent totes les linies de mesio i etiquetes. Util per compartir amb col·legues o incloure en informes.
- CSV — exporta totes les mesions com una taula compatible amb fulls de calcul, amb columnes per a etiqueta, distancia en pixels, valor real i unitat. Ideal per importar a Excel, Google Sheets o qualsevol flux de dades.
- TXT — exporta les mesions com a text pla, una per linia. Util per a notes rapides o enganxar en un document.
Totes les exportacions es generen enterament al teu navegador. Res es puja a cap servidor.
Desfer, refer i persistencia de sessio
MetricCanvas manté un historial complet de desfer/refer durant la teva sessio. Usa els botons de Desfer i Refer de la barra o les dreceres de teclat estandard (Ctrl+Z / Ctrl+Y a Windows, Cmd+Z / Cmd+Shift+Z a Mac).
La teva sessio es guarda automaticament a l'emmagatzematge local del navegador. Si tanques la pestanya i tornes mes tard, el teu llenç — incloent totes les imatges, calibracions i mesions — es restaurara exactament com ho vas deixar.
Per comencar de zero, usa el boto de Reiniciar llenç. Aixo esborra totes les capes i mesions de la sessio actual.
Treballar amb multiples imatges
Pots pujar varies imatges en una sessio i mantenir-les organitzades en el mateix llenç. Cada imatge te la seva propia capa i pot tenir la seva propia calibracio. Aixo es util quan treballes amb imatges a diferents escales — per exemple, un planol d'emplaçament i un planol detallat d'una unitat.
Les mesions sempre es dibuixen sobre la capa activa. Assegura't de seleccionar la capa correcta abans de mesurar si tens multiples imatges obertes.
Com funciona la matematica
MetricCanvas usa una proporcio senzilla: un cop establishes una escala a partir d'una referencia coneguda, qualsevol distancia en pixels de la imatge pot convertir-se a un valor real. La formula principal es:
escala = distancia_real ÷ distancia_pixelsOn distancia_pixels es la distancia euclidiana entre els teus dos clics de calibracio:
distancia_pixels = √((x₂ − x₁)² + (y₂ − y₁)²)Cada mesio posterior segueix el mateix patro:
distancia_real = √((x₂ − x₁)² + (y₂ − y₁)²) × escalaAixo significa que l'escala es propaga linealment: si una paret calibra la imatge, qualsevol altra distancia — portes, finestres, diagonals — es deriva de la mateixa proporcio. L'eina no requereix recalibrar per a cada mesio. Una bona referencia desbloqueja tota la imatge.
Exemple practic: Tens un planol i saps que la paret del salon esquerre mesura 4,5 m. Fas clic als dos extrems d'aquella paret al calibrar i mesures 310 pixels entre ells. L'escala es 4,5 ÷ 310 ≈ 0,0145 m/px. Si despres mesures un passadis i obtens 220 pixels, la longitud real es 220 × 0,0145 ≈ 3,19 m — sense saber res mes del planol.
El mateix principi s'aplica a fotografies. Si coneixes un objecte en una foto d'habitacio (per exemple, una porta estandard mesura 2,1 m d'alt), pots calibrar contra ell i despres mesurar l'amplada d'una finestra, la longitud d'un sofa o la distancia entre dues parets — tot a partir d'una sola foto presa des de qualsevol angle, sempre que els objectes mesurats estiguin aproximadament en el mateix pla.
Per a la calibracio circular (mode diametre), la formula es identica — MetricCanvas simplement calcula la distancia entre els dos punts diametralment oposats on vas fer clic, i despres aplica la mateixa proporcio. Aixo es util per a columnes, canonades, taules rodones o qualsevol referencia circular de diametre conegut.
Exemple real: saber-ho tot a partir d'una paret
Suposem que has rebut un planol en format JPEG pero no te escala impresa, i nomes saps una cosa: el dormitori principal mesura 3,6 m d'ample. Aixi es com derivar qualsevol altra mesura de l'habitatge:
A partir d'aqui, MetricCanvas pot dir-te: l'amplada total de l'apartament, la longitud de la cuina, l'ample del passadis, la distancia d'una finestra a una paret, la diagonal de qualsevol habitacio. Cada mesio es deriva de l'unica referencia de 3,6 m. Pots exportar la imatge anotada completa o la taula de dades per compartir amb un arquitecte, contractista o qualsevol que necessiti les xifres.
Aixo funciona perque els planols son projeccions ortografiques — totes les distancies es dibuixen a escala en una vista 2D plana. El mateix principi s'aplica a qualsevol dibuix projectat correctament: planols d'emplaçament, alçats, esquemes electrics, etc.
Consells per a resultats precisos
- Usa la versio de major resolucio de la teva imatge. Mes pixels entre dos punts significa menys error d'arrodoniment en la mesio.
- Fes tot el zoom possible en colocar els punts de calibracio i mesio — un clic desplacat 2 pixels importa molt mes a baix zoom que a alt zoom.
- Tria una referencia de calibracio que sigui paral·lela a la direccio en la qual vas a mesurar majoritariament. Una referencia horizontal es ideal per a mesions horitzontals.
- Per a planols amb barra d'escala impresa, calibra contra aquesta barra en lloc d'una paret, ja que les barres d'escala impreses tenen en compte la distorsio del dibuix i la inclinacio de l'escaneig.
- Si la teva imatge es una fotografia presa en angle (en lloc d'una vista ortografica vertadera), les mesions nomes seran exactes dins del pla de la superficie fotografiada. La distorsio per perspectiva no pot corregir-se sense punts de referencia addicionals.
