[{"data":1,"prerenderedAt":438},["ShallowReactive",2],{"project-6444027":3},{"id":4,"name":5,"line":5,"line_source":6,"title":7,"url":8,"domain":9,"maker":10,"posted_at":11,"year":12,"points":13,"comments":14,"rank_in_year":15,"shown_in_year":16,"top":17,"tier":18,"category":19,"subcategory":20,"format":21,"keywords":22,"reception":27,"sentiment":28,"stance_mix":29,"scored_comments":34,"aspects":35,"strip":45,"post_text":48,"what":49,"said":89,"maker_in_thread":216,"shape":228,"grid":232,"attempts":401,"same_week":402,"maker_shows":32,"maker_hidden":430,"reader_version":431,"card":432},"6444027","Drawingboard.js","title","Show HN: Drawingboard.js","http:\u002F\u002Fleimi.github.io\u002Fdrawingboard.js\u002F","leimi.github.io","Leimi",1380111406,2013,233,64,55,1739,4,"notable","languages","javascript drawing library","library",[23,24,25,26],"javascript canvas","html5 drawing","drawing library","sketch pad","mixed",0.379,{"positive":30,"neutral":31,"mixed":32,"critical":33},26,19,1,6,52,{"idea":36,"execution":38,"docs":40,"performance":42,"design":43},{"positive":37,"critical":32},7,{"positive":39,"critical":17},8,{"positive":41,"critical":41},0,{"positive":37,"critical":41},{"positive":44,"critical":32},2,[46,46,46,47,46,47,47,47,47,47,46,32,46,46,46,32,46,46,46,32,41,46,32,41,47,47,46,46,46,46,32,41,47,46,46,47,46,46,46,46],5,3,null,{"problem":48,"audience":50,"pricing":48,"motivation":48,"time_to_build":48,"stack":66,"openness":86,"stage":87,"team_size":88},{"value":51,"source":52,"evidence":53},"Developers adding drawing or sketching to web pages","inferred",[54,58,62],{"id":55,"by":56,"text":57},"6444179","lukeholder","Looks great. Would be interesting to add to blogging software to allow a quick sketch to be added to a post. How would you go about persisting the canvas? json encoded output?",{"id":59,"by":60,"text":61},"6444864","websitescenes","Sweet! I am building an app that can use this to take a customer signature. The app will be using a tablet and stylus to make sales on the floor. Been debating a feature like this.",{"id":63,"by":64,"text":65},"6445976","domid","Nice Leimi! Great API. If anyone is looking for a similar but hosted solution, give vinci.io a try. You can turn off any tools you don't need and leave the drawing tools enabled.",[67,74,79],{"value":68,"source":52,"evidence":69},"JavaScript",[70],{"id":71,"by":72,"text":73},"6447171","RyanZAG","Yeah, there is smoothing of a sort. Most of these kind of drawing boards will take the current mouse position as it moves (x,y), and drop down a pixel or circle onto the canvas…",{"value":75,"source":76,"evidence":77},"HTML5 canvas","commenter",[78],{"id":71,"by":72,"text":73},{"value":80,"source":76,"evidence":81},"jQuery",[82],{"id":83,"by":84,"text":85},"6444557","splatcollision","Really really nice, thanks for releasing. Anybody tried it with Zepto yet instead of jQuery?","open_source","unknown","solo",{"praise":90,"objections":126,"requests":148,"questions":175,"alternatives":189},[91,103,118],{"value":92,"source":76,"evidence":93},"Smooth rendering and clean API",[94,98,99],{"id":95,"by":96,"text":97},"6444979","ollerac","This is one of the slickest implementation of a sketching app I've seen. The API is nice and the controls are self-explanatory. I've been working on a drawing app for the past…",{"id":63,"by":64,"text":65},{"id":100,"by":101,"text":102},"6444404","debacle","I like the simplicity and configurability. Excellent job.",{"value":104,"source":76,"evidence":105},"Works well on mobile and touch devices",[106,110,114],{"id":107,"by":108,"text":109},"6444266","cheeaun","Yeap, works. Tested on iOS mobile safari here.",{"id":111,"by":112,"text":113},"6444290","webXL","Yep. Pretty snappy in iOS7 at least.",{"id":115,"by":116,"text":117},"6445011","cbhl","I just wanted to say that I was pleasantly surprised that this works so well with Chrome on my Android phone.",{"value":119,"source":76,"evidence":120},"Simple and configurable",[121,122],{"id":100,"by":101,"text":102},{"id":123,"by":124,"text":125},"6445870","talles","Simple and working just as fine. Well done.",[127,134,141],{"value":128,"source":76,"evidence":129},"Fill tool is weak due to antialiasing",[130],{"id":131,"by":132,"text":133},"6444478","Daiz","Seems to perform quite well, though the fill tool is a bit useless thanks to the antialiasing on the lines that can't be turned off. Considering the simple approach of this, I'd…",{"value":135,"source":76,"evidence":136},"Only one finger supported at a time",[137],{"id":138,"by":139,"text":140},"6444514","AndreasFrom","It only supports one finger at a time, but it works well then.",{"value":142,"source":76,"evidence":143},"Only first canvas works on Android stock browser",[144],{"id":145,"by":146,"text":147},"6445428","Kiro","Only the first canvas works on Android Stock Browser.",[149,160,168],{"value":150,"source":76,"evidence":151},"Multi-user collaboration",[152,156],{"id":153,"by":154,"text":155},"6446056","jhonnycano","It would be awesome a tool like this, but with collaboration enabled (multiples drawers in different machines) !!",{"id":157,"by":158,"text":159},"6446997","digitalsushi","This is a nice app. Is there a way to allow multiple people to work together on the same whiteboard?",{"value":161,"source":76,"evidence":162},"Export drawing as JSON",[163,167],{"id":164,"by":165,"text":166},"6444668","vvvVVVvvv","Had quite a laugh at enlargeYourContainer. Any plan to release a way to export the drawing in a json object (or any other data structure) ? Props to you anyway.",{"id":55,"by":56,"text":57},{"value":169,"source":76,"evidence":170},"Wacom tablet eraser support",[171],{"id":172,"by":173,"text":174},"6447798","KenoFischer","I have a Wacom tablet that I routinely use for sketches. The only problem I always have is that most applications have trouble recognizing the eraser tip. I think Wacom has some…",[176,182],{"value":177,"source":76,"evidence":178},"How is undo\u002Fredo stored",[179],{"id":180,"by":146,"text":181},"6446025","How is it stored when using the undo\u002Fredo buttons?",{"value":183,"source":76,"evidence":184},"Does it work on iOS",[185],{"id":186,"by":187,"text":188},"6444226","jonas_b","I don't have my phone with me right now. Can anybody confirm if this works on iOS? I'm asking because I'm looking for an HTML5 drawing script which works on mobile browsers.",[190,194,198,202,209],{"value":191,"source":76,"evidence":192},"literallycanvas",[193],{"id":95,"by":96,"text":97},{"value":195,"source":76,"evidence":196},"fabricjs",[197],{"id":95,"by":96,"text":97},{"value":199,"source":76,"evidence":200},"Sketch.js",[201],{"id":95,"by":96,"text":97},{"value":203,"source":76,"evidence":204},"wPaint",[205],{"id":206,"by":207,"text":208},"6450075","rduchnik","Been there done that: http:\u002F\u002Fwpaint.websanova.com",{"value":210,"source":76,"evidence":211},"scribe",[212],{"id":213,"by":214,"text":215},"6444854","bpierre","I think the tool you are looking for is http:\u002F\u002Fscri.ch\u002F",{"comments":217,"answered":47,"key":218},9,[219,222,225],{"id":220,"text":221},"6445089","Oh, never stumbled upon literallycanvas - it's cool! Don't know if I'd have made drawingboard.js if I knew it on the first place.",{"id":223,"text":224},"6447623","The video-like thing is indeed really cool - remembers me http:\u002F\u002Fsketchtoy.com\u002F a lot.",{"id":226,"text":227},"6444350","Thanks! By default the base64 string of the canvas image is stored in session storage to make the canvas persistent.",{"commenters":229,"max_depth":46,"maker_replies":217,"first_comment_mins":230,"lifespan_hours":231},48,29,31,[233,237,239,241,244,247,249,253,256,257,259,262,263,264,265,268,270,272,276,278,280,282,283,286,288,289,292,294,298,301,305,307,309,312,314,316,320,322,326,330,332,336,339,343,345,347,349,351,354,357,360,362,364,366,368,372,374,378,380,385,389,390,394,397],[234,41,46,235,236,41],"6444698","project\u002Fpositive\u002Fidea","emhart",[95,32,46,238,96,41],"project\u002Fpositive\u002Fexecution",[220,32,41,240,10,32],"project\u002Fneutral\u002Fidea",[242,32,46,238,243,41],"6445447","stevejohnson",[245,44,47,240,246,41],"6444580","ernestipark",[223,44,41,248,10,32],"commenter\u002Fneutral\u002Fnone",[250,47,47,251,252,41],"6446754","project\u002Fneutral\u002Fexecution","fchollet",[254,17,46,238,255,41],"6447091","ezl",[71,17,47,251,72,41],[258,17,47,251,255,41],"6447264",[260,17,47,251,261,41],"6448763","jjs",[55,46,47,240,56,41],[226,46,41,251,10,32],[180,46,47,251,146,41],[266,46,47,267,187,41],"6446589","project\u002Fneutral\u002Fdocs",[269,46,41,267,10,32],"6447609",[271,46,46,238,187,41],"6453086",[273,33,32,274,275,41],"6448477","project\u002Fcritical\u002Fexecution","Fauntleroy",[186,37,47,277,187,41],"project\u002Fneutral\u002Fperformance",[107,37,46,279,108,41],"project\u002Fpositive\u002Fperformance",[281,37,46,235,187,41],"6444473",[111,37,46,279,112,41],[284,37,46,279,285,41],"6444330","mokkol",[138,37,47,287,139,41],"project\u002Fmixed\u002Fperformance",[145,37,32,274,146,41],[290,37,46,279,291,41],"6445446","nekopa",[293,39,47,277,291,41],"6445496",[295,217,46,296,297,41],"6444612","project\u002Fpositive\u002Fdesign","GrinningFool",[299,217,46,235,300,41],"6450118","tripzilch",[302,303,47,240,304,41],"6444378",10,"larrydag",[213,303,32,306,214,41],"project\u002Fcritical\u002Fidea",[131,308,32,274,132,41],11,[310,308,41,311,10,32],"6444491","project\u002Fneutral\u002Fdesign",[313,308,47,311,132,41],"6444583",[315,308,46,296,236,41],"6444655",[317,308,32,318,319,41],"6448493","project\u002Fcritical\u002Fdesign","graue",[321,308,41,311,10,32],"6449436",[323,308,41,324,325,41],"6444619","commenter\u002Fneutral\u002Fexecution","rschmitty",[327,308,41,328,329,41],"6446318","other\u002Fneutral\u002Fnone","acomjean",[172,331,47,251,173,41],12,[333,334,47,267,335,41],"6444336",13,"hansc",[337,334,47,267,338,41],"6444370","uptown",[340,341,46,235,342,41],"6444720",14,"saltyknuckles",[63,344,46,238,64,41],15,[59,346,46,235,60,41],16,[164,348,46,238,165,41],17,[100,350,46,238,101,41],18,[352,350,41,353,10,32],"6444539","maker\u002Fpositive\u002Fnone",[355,31,32,274,356,41],"6444543","davexunit",[206,358,41,359,207,41],20,"other\u002Fcritical\u002Fidea",[361,358,41,306,10,32],"6450167",[153,363,47,240,154,41],21,[115,365,46,279,116,41],22,[157,367,47,240,158,41],23,[369,370,46,235,371,41],"6445176",24,"therealunreal",[83,373,47,251,84,41],25,[375,30,47,376,377,41],"6448938","project\u002Fneutral\u002Fnone","keyle",[379,30,41,376,10,32],"6449435",[381,382,46,383,384,41],"6445167",27,"project\u002Fpositive\u002Fnone","evenstood",[386,387,46,279,388,41],"6444758",28,"jpmatz",[123,230,46,238,124,41],[391,392,46,279,393,41],"6447538",30,"scriptstar",[395,231,46,235,396,41],"6444724","Beltiras",[398,399,46,383,400,41],"6448222",32,"goshx",[],[403,408,413,417,422,426],{"id":404,"name":405,"points":406,"category":407},"6415822","UI Concept",388,"dev_tools",{"id":409,"name":410,"points":411,"category":412},"6427031","tweet-secret",128,"security_privacy",{"id":414,"name":415,"points":416,"category":407},"6445675","OpenTokRTC",93,{"id":418,"name":419,"points":420,"category":421},"6438925","Clever Routines",88,"productivity",{"id":423,"name":424,"points":425,"category":407},"6444413","Nightcode",68,{"id":427,"name":428,"points":429,"category":19},"6427498","Solid",63,false,"v2",{"id":433,"name":5,"line":5,"ai":430,"cat":19,"year":12,"points":13,"comments":14,"rec":27,"s":434,"top":17,"kw":435,"maker":10,"domain":9,"tier":18,"attempts":41,"strip":436,"url":8,"mix":437,"praise":92,"objection":128,"sub":20},6444027,0.38,[23,24,25,26],"5553533333515551555105103355551035535555",[30,31,32,33],1794036509871]