[{"data":1,"prerenderedAt":124},["ShallowReactive",2],{"i-tabler:book-2":3,"i-tabler:world":8,"i-tabler:check":10,"i-tabler:mail":12,"i-tabler:home":14,"i-tabler:pencil":16,"i-tabler:ruler-2":18,"i-tabler:music":20,"i-tabler:folder":22,"guides:sketch-on-a-phone-or-tablet:en":24,"guides-list:en":87,"i-tabler:chevron-right":114,"i-tabler:point-filled":116,"i-tabler:door":118,"i-tabler:armchair":120,"i-tabler:texture":122},{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":7},0,24,false,"\u003Cg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\">\u003Cpath d=\"M19 4v16H7a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2z\"\u002F>\u003Cpath d=\"M19 16H7a2 2 0 0 0-2 2M9 8h6\"\u002F>\u003C\u002Fg>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":9},"\u003Cg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\">\u003Cpath d=\"M3 12a9 9 0 1 0 18 0a9 9 0 0 0-18 0m.6-3h16.8M3.6 15h16.8\"\u002F>\u003Cpath d=\"M11.5 3a17 17 0 0 0 0 18m1-18a17 17 0 0 1 0 18\"\u002F>\u003C\u002Fg>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":11},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m5 12l5 5L20 7\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":13},"\u003Cg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\">\u003Cpath d=\"M3 7a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"\u002F>\u003Cpath d=\"m3 7l9 6l9-6\"\u002F>\u003C\u002Fg>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":15},"\u003Cg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\">\u003Cpath d=\"M5 12H3l9-9l9 9h-2M5 12v7a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-7\"\u002F>\u003Cpath d=\"M9 21v-6a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v6\"\u002F>\u003C\u002Fg>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":17},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4 20h4L18.5 9.5a2.828 2.828 0 1 0-4-4L4 16zm9.5-13.5l4 4\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":19},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m17 3l4 4L7 21l-4-4zm-1 4l-1.5-1.5M13 10l-1.5-1.5M10 13l-1.5-1.5M7 16l-1.5-1.5\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":21},"\u003Cg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\">\u003Cpath d=\"M3 17a3 3 0 1 0 6 0a3 3 0 0 0-6 0m10 0a3 3 0 1 0 6 0a3 3 0 0 0-6 0\"\u002F>\u003Cpath d=\"M9 17V4h10v13M9 8h10\"\u002F>\u003C\u002Fg>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":23},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 4h4l3 3h7a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2\"\u002F>",{"title":25,"seoTitle":26,"description":27,"intro":28,"blocks":29,"faq":72},"How to sketch on a phone or tablet without installing an app","Sketch on a Phone or iPad in the Browser (No App)","Draw on an iPad, Android tablet or phone right in the browser: Apple Pencil pressure, palm rest, pinch to zoom and PNG export. Free, no app.","You can sketch on a phone or tablet without installing anything: open an online sketch pad like [JotJam's](\u002Fdraw) in Safari or Chrome and draw with your finger or a stylus. On an iPad, Apple Pencil pressure works and you can rest your palm on the screen; pinch to zoom, drag with two fingers to move, and save the sketch to your account when you want to keep it.",[30,37,42,60,68],{"h2":31,"steps":32},"Getting started",[33,34,35,36],"Open [a new sketch](\u002Fdraw\u002Fedit) in your browser. No account needed to draw.","Pick a brush — pencil, pen or marker — and a colour, size and opacity.","Choose the paper: blank, dotted or squared.","Draw. When you like it, hit Save, sign in with Google, and it's in your account on every device.",{"h2":38,"p":39},"Apple Pencil and other styluses",[40,41],"Press harder for a thicker line. JotJam reads the pressure that the browser gets from the pen, which works with Apple Pencil on an iPad and with pressure-sensitive styluses on many Android tablets and Windows touchscreens.","Once you've drawn with a pen, your fingers stop drawing and only move and zoom the page. That means you can rest your hand on the screen while you sketch, like on paper.",{"h2":43,"table":44},"Gestures",[45,48,51,54,57],[46,47],"Gesture","What it does",[49,50],"One finger or pen","Draws with the current brush",[52,53],"Pinch with two fingers","Zooms in and out",[55,56],"Drag with two fingers","Moves around the page",[58,59],"Undo button","Takes back the last stroke",{"h2":61,"list":62},"Tips for a small screen",[63,64,65,66,67],"**Turn the phone sideways** for a wider canvas.","**Zoom in for details**, then zoom out to check the whole sketch.","**Use the dotted paper** to keep diagrams straight without a ruler.","**Add it to your home screen**: in Safari, Share → Add to Home Screen; in Chrome, the menu → Add to Home screen. The sketch pad is then one tap away.","**Mind your drafts**: unsaved changes are kept as a draft in that browser only. Save to have the sketch on your other devices.",{"h2":69,"p":70},"Getting the sketch out",[71],"Saved sketches download as a PNG, cropped to what you drew with a little margin — ready for a message, a slide or a printout. If the sketch is the start of a floor plan, redraw it to scale in [the design tool](\u002Fdesign): [how to draw a floor plan online](\u002Fguides\u002Fhow-to-draw-a-floor-plan-online).",{"title":73,"items":74},"Questions",[75,78,81,84],{"q":76,"a":77},"Can I draw on an iPad without an app?","Yes. Open an online sketch pad in Safari and draw with your finger or Apple Pencil. JotJam's sketch pad reads pencil pressure and lets you rest your palm on the screen.",{"q":79,"a":80},"Does it work on Android?","Yes, in Chrome or any modern browser. Styluses that report pressure to the browser draw thicker when you press harder.",{"q":82,"a":83},"Will I lose my sketch if I close the tab?","Your latest changes are kept as a draft in that browser and come back when you return. To keep a sketch for good and see it on other devices, save it to your account.",{"q":85,"a":86},"Can I draw with my finger?","Yes, until you use a pen. After that, fingers only move and zoom, so a resting palm doesn't leave marks.",[88,92,96,100,104,106,110],{"slug":89,"title":90,"description":91},"how-to-draw-a-floor-plan-online","How to draw a floor plan online, step by step","Draw a floor plan to scale in your browser for free: measure the rooms, draw walls at exact lengths, add doors and furniture, then dimension it.",{"slug":93,"title":94,"description":95},"floor-plan-symbols","Floor plan symbols and what they mean","What floor plan symbols mean: door swings, sliding doors, windows, stairs, furniture, north arrows and section marks — with free SVG symbols.",{"slug":97,"title":98,"description":99},"furniture-sizes-for-floor-plans","Furniture sizes to use in a floor plan","Typical sizes of beds, sofas, tables, desks, wardrobes, kitchen and bathroom fittings, and the space to leave around them, in centimetres.",{"slug":101,"title":102,"description":103},"section-hatch-patterns","Section hatch patterns: what each one means","What section hatches mean — concrete, brick, earth, insulation, timber, gravel — when to use each, and how to keep a section readable. Free SVGs.",{"slug":105,"title":25,"description":27},"sketch-on-a-phone-or-tablet",{"slug":107,"title":108,"description":109},"play-piano-on-a-computer-keyboard","How to play piano on a computer keyboard","Which computer keys play which piano notes, how to change octave and hold the sustain pedal, plus easy songs and chords for a laptop keyboard.",{"slug":111,"title":112,"description":113},"easy-guitar-chords-for-beginners","Easy guitar chords for beginners","The ten guitar chords to learn first, with fret numbers, the order to learn them in and easy progressions. Hear each one on a free online guitar.",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":115},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m9 6l6 6l-6 6\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":117},"\u003Cpath fill=\"currentColor\" d=\"M12 7a5 5 0 1 1-4.995 5.217L7 12l.005-.217A5 5 0 0 1 12 7\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":119},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M14 12v.01M3 21h18M6 21V5a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v16\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":121},"\u003Cg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\">\u003Cpath d=\"M5 11a2 2 0 0 1 2 2v2h10v-2a2 2 0 1 1 4 0v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4a2 2 0 0 1 2-2\"\u002F>\u003Cpath d=\"M5 11V6a3 3 0 0 1 3-3h8a3 3 0 0 1 3 3v5M6 19v2m12-2v2\"\u002F>\u003C\u002Fg>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":123},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M6 3L3 6m18 12l-3 3M11 3l-8 8m13-8L3 16M21 3L3 21M21 8L8 21m13-8l-8 8\"\u002F>",1792672096234]