[{"data":1,"prerenderedAt":131},["ShallowReactive",2],{"mdc-qlaph5-key":3,"mdc-3uwmzr-key":16,"mdc-tcxdqo-key":25,"mdc-adwolb-key":34,"mdc-n0qzf8-key":43,"mdc--jd0yjr-key":52},{"data":4,"body":5},{},{"type":6,"children":7},"root",[8],{"type":9,"tag":10,"props":11,"children":12},"element","p",{},[13],{"type":14,"value":15},"text","Images from a file or dragged onto the canvas",{"data":17,"body":18},{},{"type":6,"children":19},[20],{"type":9,"tag":10,"props":21,"children":22},{},[23],{"type":14,"value":24},"Millimetres, centimetres, metres, feet and inches",{"data":26,"body":27},{},{"type":6,"children":28},[29],{"type":9,"tag":10,"props":30,"children":31},{},[32],{"type":14,"value":33},"Annotated PNG image and CSV or TXT data",{"data":35,"body":36},{},{"type":6,"children":37},[38],{"type":9,"tag":10,"props":39,"children":40},{},[41],{"type":14,"value":42},"Saved locally in the browser",{"data":44,"body":45},{},{"type":6,"children":46},[47],{"type":9,"tag":10,"props":48,"children":49},{},[50],{"type":14,"value":51},"Nuxt 3, Vue and Pinia, with an interface in nine languages",{"data":53,"body":54},{},{"type":6,"children":55},[56,70,77,82,102,108,113,126],{"type":9,"tag":10,"props":57,"children":58},{},[59,68],{"type":9,"tag":60,"props":61,"children":65},"a",{"href":62,"rel":63},"https:\u002F\u002Fmetriccanvas.app",[64],"nofollow",[66],{"type":14,"value":67},"MetricCanvas",{"type":14,"value":69}," turns an image with a known measurement into a surface you can measure on. It can be a floor plan, a technical drawing or a map: you mark a reference distance and the tool calculates the rest at the same scale.",{"type":9,"tag":71,"props":72,"children":74},"h2",{"id":73},"one-reference-many-measurements",[75],{"type":14,"value":76},"One reference, many measurements",{"type":9,"tag":10,"props":78,"children":79},{},[80],{"type":14,"value":81},"Calibration is set with a line or with the diameter of a circle. Its real length gives the ratio between pixels and units. Adjusting the reference recalculates the measurements on the drawing. Accuracy depends on that reference and on the image keeping a consistent scale.",{"type":9,"tag":83,"props":84,"children":87},"grid",{"cols":85,"gap":86},2,"md",[88,96],{"type":9,"tag":89,"props":90,"children":95},"media",{"alt":91,"effect":92,"src":93,"poster":94},"A walkthrough of MetricCanvas","bend","https:\u002F\u002Fres.cloudinary.com\u002Fddwpkkaqv\u002Fvideo\u002Fupload\u002Fvc_h264,q_auto,w_1080\u002F26-metriccanvas_app-0_lxanvl.mp4","https:\u002F\u002Fres.cloudinary.com\u002Fddwpkkaqv\u002Fvideo\u002Fupload\u002Fso_2,w_1080,q_auto\u002F26-metriccanvas_app-0_lxanvl.webp",[],{"type":9,"tag":89,"props":97,"children":101},{"alt":98,"effect":92,"src":99,"fit":100},"Sample floor plan before adding measurements","https:\u002F\u002Fres.cloudinary.com\u002Fddwpkkaqv\u002Fimage\u002Fupload\u002Fw_1200,q_auto\u002F26-metriccanvas_app-plano_jly60n.webp","contain",[],{"type":9,"tag":71,"props":103,"children":105},{"id":104},"working-on-the-canvas",[106],{"type":14,"value":107},"Working on the canvas",{"type":9,"tag":10,"props":109,"children":110},{},[111],{"type":14,"value":112},"I built a canvas with zoom and pan for placing images, drawing distances and editing their labels. Layers let you order and hide elements; history lets you undo and redo without starting over.",{"type":9,"tag":83,"props":114,"children":115},{"cols":85,"gap":86},[116,121],{"type":9,"tag":89,"props":117,"children":120},{"alt":118,"effect":92,"src":119,"fit":100},"MetricCanvas canvas with calibrated distances","https:\u002F\u002Fres.cloudinary.com\u002Fddwpkkaqv\u002Fimage\u002Fupload\u002Fw_1200,q_auto\u002F26-metriccanvas_app-1_rpnja6.webp",[],{"type":9,"tag":89,"props":122,"children":125},{"alt":123,"effect":92,"src":124},"MetricCanvas home page","https:\u002F\u002Fres.cloudinary.com\u002Fddwpkkaqv\u002Fimage\u002Fupload\u002Fc_fill,g_north,w_1200,h_800,q_auto\u002F26-metriccanvas_app-0_wfk0ei.webp",[],{"type":9,"tag":10,"props":127,"children":128},{},[129],{"type":14,"value":130},"All image work happens in the browser. There is no need to send images to a server to measure them. The application is free.",1794317809960]