[{"data":1,"prerenderedAt":1633},["ShallowReactive",2],{"navigation":3,"docs-cloud-3.1-iinkts-styling":498,"nav-cloud31":1367,"support-index":1565},[4],{"title":5,"path":6,"stem":7,"children":8,"page":40},"Docs","\u002Fdocs","docs",[9,242,320],{"title":10,"path":11,"stem":12,"children":13,"page":40},"Cloud","\u002Fdocs\u002Fcloud","docs\u002Fcloud",[14],{"title":15,"path":16,"stem":17,"children":18,"page":40},"4.5","\u002Fdocs\u002Fcloud\u002F4.5","docs\u002Fcloud\u002F4.5",[19,41,54,79,100,147,172,196,209,234],{"title":20,"path":21,"stem":22,"children":23,"page":40},"Overview","\u002Fdocs\u002Fcloud\u002F4.5\u002Foverview","docs\u002Fcloud\u002F4.5\u002F01.overview",[24,28,32,36],{"title":25,"path":26,"stem":27},"MyScript iink SDK for web-based platform","\u002Fdocs\u002Fcloud\u002F4.5\u002Foverview\u002Fintroduction","docs\u002Fcloud\u002F4.5\u002F01.overview\u002F01.introduction",{"title":29,"path":30,"stem":31},"Choosing between REST or WebSockets","\u002Fdocs\u002Fcloud\u002F4.5\u002Foverview\u002Fhttp-rest-or-websocket","docs\u002Fcloud\u002F4.5\u002F01.overview\u002F02.http-rest-or-websocket",{"title":33,"path":34,"stem":35},"What's new","\u002Fdocs\u002Fcloud\u002F4.5\u002Foverview\u002Fchangelog","docs\u002Fcloud\u002F4.5\u002F01.overview\u002F03.changelog",{"title":37,"path":38,"stem":39},"Migration guide","\u002Fdocs\u002Fcloud\u002F4.5\u002Foverview\u002Fmigration-guide","docs\u002Fcloud\u002F4.5\u002F01.overview\u002F04.migration-guide",false,{"title":42,"path":43,"stem":44,"children":45,"page":40},"Integration","\u002Fdocs\u002Fcloud\u002F4.5\u002Fintegration","docs\u002Fcloud\u002F4.5\u002F02.integration",[46,50],{"title":47,"path":48,"stem":49},"Supported platforms","\u002Fdocs\u002Fcloud\u002F4.5\u002Fintegration\u002Fplatforms","docs\u002Fcloud\u002F4.5\u002F02.integration\u002F01.platforms",{"title":51,"path":52,"stem":53},"Integration levels","\u002Fdocs\u002Fcloud\u002F4.5\u002Fintegration\u002Fintegration-levels","docs\u002Fcloud\u002F4.5\u002F02.integration\u002F02.integration-levels",{"title":55,"path":56,"stem":57,"children":58,"page":40},"Recognition capabilities","\u002Fdocs\u002Fcloud\u002F4.5\u002Frecognition-capabilities","docs\u002Fcloud\u002F4.5\u002F03.recognition-capabilities",[59,63,67,71,75],{"title":60,"path":61,"stem":62},"Recognizers","\u002Fdocs\u002Fcloud\u002F4.5\u002Frecognition-capabilities\u002Frecognizers","docs\u002Fcloud\u002F4.5\u002F03.recognition-capabilities\u002F01.recognizers",{"title":64,"path":65,"stem":66},"Text languages and features","\u002Fdocs\u002Fcloud\u002F4.5\u002Frecognition-capabilities\u002Ftext-languages","docs\u002Fcloud\u002F4.5\u002F03.recognition-capabilities\u002F02.text-languages",{"title":68,"path":69,"stem":70},"Math elements and rules","\u002Fdocs\u002Fcloud\u002F4.5\u002Frecognition-capabilities\u002Fmath-elements-and-rules","docs\u002Fcloud\u002F4.5\u002F03.recognition-capabilities\u002F03.math-elements-and-rules",{"title":72,"path":73,"stem":74},"Shapes and connectors","\u002Fdocs\u002Fcloud\u002F4.5\u002Frecognition-capabilities\u002Fdiagram-features","docs\u002Fcloud\u002F4.5\u002F03.recognition-capabilities\u002F04.diagram-features",{"title":76,"path":77,"stem":78},"Gestures","\u002Fdocs\u002Fcloud\u002F4.5\u002Frecognition-capabilities\u002Fgestures","docs\u002Fcloud\u002F4.5\u002F03.recognition-capabilities\u002F05.gestures",{"title":80,"path":81,"stem":82,"children":83,"page":40},"Interactivity integration","\u002Fdocs\u002Fcloud\u002F4.5\u002Finteractivity-integration","docs\u002Fcloud\u002F4.5\u002F04.interactivity-integration",[84,88,92,96],{"title":85,"path":86,"stem":87},"Content types","\u002Fdocs\u002Fcloud\u002F4.5\u002Finteractivity-integration\u002Fcontent-types","docs\u002Fcloud\u002F4.5\u002F04.interactivity-integration\u002F01.content-types",{"title":89,"path":90,"stem":91},"Interactive features","\u002Fdocs\u002Fcloud\u002F4.5\u002Finteractivity-integration\u002Finteractive-features","docs\u002Fcloud\u002F4.5\u002F04.interactivity-integration\u002F02.interactive-features",{"title":93,"path":94,"stem":95},"Import and export formats","\u002Fdocs\u002Fcloud\u002F4.5\u002Finteractivity-integration\u002Fimport-and-export-formats","docs\u002Fcloud\u002F4.5\u002F04.interactivity-integration\u002F03.import-and-export-formats",{"title":97,"path":98,"stem":99},"Math interactive features","\u002Fdocs\u002Fcloud\u002F4.5\u002Finteractivity-integration\u002Fmath-features","docs\u002Fcloud\u002F4.5\u002F04.interactivity-integration\u002F04.math-features",{"title":101,"path":102,"stem":103,"children":104,"page":40},"iinkTS","\u002Fdocs\u002Fcloud\u002F4.5\u002Fiinkts","docs\u002Fcloud\u002F4.5\u002F05.iinkts",[105,109,113,121,138],{"title":106,"path":107,"stem":108},"Getting started","\u002Fdocs\u002Fcloud\u002F4.5\u002Fiinkts\u002Fget-started","docs\u002Fcloud\u002F4.5\u002F05.iinkts\u002F01.get-started",{"title":110,"path":111,"stem":112},"Canvas","\u002Fdocs\u002Fcloud\u002F4.5\u002Fiinkts\u002Fcanvas","docs\u002Fcloud\u002F4.5\u002F05.iinkts\u002F02.canvas",{"title":114,"path":115,"stem":116,"children":117,"page":40},"Ink Canvas","\u002Fdocs\u002Fcloud\u002F4.5\u002Fiinkts\u002Fink-canvas","docs\u002Fcloud\u002F4.5\u002F05.iinkts\u002F03.ink-canvas",[118],{"title":114,"path":119,"stem":120},"\u002Fdocs\u002Fcloud\u002F4.5\u002Fiinkts\u002Fink-canvas\u002Fink-canvas","docs\u002Fcloud\u002F4.5\u002F05.iinkts\u002F03.ink-canvas\u002F01.ink-canvas",{"title":122,"path":123,"stem":124,"children":125,"page":40},"Interactive Ink Canvas","\u002Fdocs\u002Fcloud\u002F4.5\u002Fiinkts\u002Finteractive-ink-canvas","docs\u002Fcloud\u002F4.5\u002F05.iinkts\u002F04.interactive-ink-canvas",[126,130,134],{"title":127,"path":128,"stem":129},"Interactive ink canvas","\u002Fdocs\u002Fcloud\u002F4.5\u002Fiinkts\u002Finteractive-ink-canvas\u002Finteractive-ink-canvas","docs\u002Fcloud\u002F4.5\u002F05.iinkts\u002F04.interactive-ink-canvas\u002F01.interactive-ink-canvas",{"title":131,"path":132,"stem":133},"Interactive Math","\u002Fdocs\u002Fcloud\u002F4.5\u002Fiinkts\u002Finteractive-ink-canvas\u002Fiicanvas-math","docs\u002Fcloud\u002F4.5\u002F05.iinkts\u002F04.interactive-ink-canvas\u002F02.iicanvas-math",{"title":135,"path":136,"stem":137},"Using a custom rendering","\u002Fdocs\u002Fcloud\u002F4.5\u002Fiinkts\u002Finteractive-ink-canvas\u002Fiicanvas-other-rendering","docs\u002Fcloud\u002F4.5\u002F05.iinkts\u002F04.interactive-ink-canvas\u002F03.iicanvas-other-rendering",{"title":139,"path":140,"stem":141,"children":142,"page":40},"Reference","\u002Fdocs\u002Fcloud\u002F4.5\u002Fiinkts\u002Freference","docs\u002Fcloud\u002F4.5\u002F05.iinkts\u002F05.reference",[143],{"title":144,"path":145,"stem":146},"Configuration","\u002Fdocs\u002Fcloud\u002F4.5\u002Fiinkts\u002Freference\u002Fconfiguration-iinkts","docs\u002Fcloud\u002F4.5\u002F05.iinkts\u002F05.reference\u002F01.configuration-iinkts",{"title":148,"path":149,"stem":150,"children":151,"page":40},"REST","\u002Fdocs\u002Fcloud\u002F4.5\u002Frest","docs\u002Fcloud\u002F4.5\u002F06.rest",[152,156,160,164,168],{"title":153,"path":154,"stem":155},"MyScript iink SDK Web REST Overview","\u002Fdocs\u002Fcloud\u002F4.5\u002Frest\u002Farchitecture","docs\u002Fcloud\u002F4.5\u002F06.rest\u002F01.architecture",{"title":157,"path":158,"stem":159},"MyScript iink SDK Web REST Recognizer API","\u002Fdocs\u002Fcloud\u002F4.5\u002Frest\u002Fnew-api","docs\u002Fcloud\u002F4.5\u002F06.rest\u002F02.new-api",{"title":161,"path":162,"stem":163},"Recognizer configuration","\u002Fdocs\u002Fcloud\u002F4.5\u002Frest\u002Fconfiguration-recognizer-rest","docs\u002Fcloud\u002F4.5\u002F06.rest\u002F03.configuration-recognizer-rest",{"title":165,"path":166,"stem":167},"MyScript iink SDK Web REST Batch API","\u002Fdocs\u002Fcloud\u002F4.5\u002Frest\u002Flegacy-api","docs\u002Fcloud\u002F4.5\u002F06.rest\u002F04.legacy-api",{"title":169,"path":170,"stem":171},"Batch configuration","\u002Fdocs\u002Fcloud\u002F4.5\u002Frest\u002Fconfiguration-rest","docs\u002Fcloud\u002F4.5\u002F06.rest\u002F05.configuration-rest",{"title":173,"path":174,"stem":175,"children":176,"page":40},"WebSockets","\u002Fdocs\u002Fcloud\u002F4.5\u002Fwebsockets","docs\u002Fcloud\u002F4.5\u002F07.websockets",[177,181,185,189,193],{"title":178,"path":179,"stem":180},"MyScript iink SDK WebSockets API architecture","\u002Fdocs\u002Fcloud\u002F4.5\u002Fwebsockets\u002Farchitecture","docs\u002Fcloud\u002F4.5\u002F07.websockets\u002F01.architecture",{"title":182,"path":183,"stem":184},"Offscreen interactivity mode messages","\u002Fdocs\u002Fcloud\u002F4.5\u002Fwebsockets\u002Fmessages-offscreen","docs\u002Fcloud\u002F4.5\u002F07.websockets\u002F02.messages-offscreen",{"title":186,"path":187,"stem":188},"Offscreen interactivity math messages","\u002Fdocs\u002Fcloud\u002F4.5\u002Fwebsockets\u002Fmath-offscreen","docs\u002Fcloud\u002F4.5\u002F07.websockets\u002F03.math-offscreen",{"title":190,"path":191,"stem":192},"Onscreen interactivity mode messages","\u002Fdocs\u002Fcloud\u002F4.5\u002Fwebsockets\u002Fmessages-onscreen","docs\u002Fcloud\u002F4.5\u002F07.websockets\u002F04.messages-onscreen",{"title":144,"path":194,"stem":195},"\u002Fdocs\u002Fcloud\u002F4.5\u002Fwebsockets\u002Fconfiguration-ws","docs\u002Fcloud\u002F4.5\u002F07.websockets\u002F05.configuration-ws",{"title":197,"path":198,"stem":199,"children":200,"page":40},"Specific","\u002Fdocs\u002Fcloud\u002F4.5\u002Fspecific","docs\u002Fcloud\u002F4.5\u002F08.specific",[201,205],{"title":202,"path":203,"stem":204},"Text recognition candidates","\u002Fdocs\u002Fcloud\u002F4.5\u002Fspecific\u002Ftext-recognition-candidates","docs\u002Fcloud\u002F4.5\u002F08.specific\u002F01.text-recognition-candidates",{"title":206,"path":207,"stem":208},"Recognition resources","\u002Fdocs\u002Fcloud\u002F4.5\u002Fspecific\u002Fcustom-recognition","docs\u002Fcloud\u002F4.5\u002F08.specific\u002F02.custom-recognition",{"title":210,"path":211,"stem":212,"children":213,"page":40},"Server","\u002Fdocs\u002Fcloud\u002F4.5\u002Fserver","docs\u002Fcloud\u002F4.5\u002F09.server",[214,218,222,226,230],{"title":215,"path":216,"stem":217},"MyScript Server Installation Preamble and Prerequisites","\u002Fdocs\u002Fcloud\u002F4.5\u002Fserver\u002Fpreamble-prerequisites","docs\u002Fcloud\u002F4.5\u002F09.server\u002F01.preamble-prerequisites",{"title":219,"path":220,"stem":221},"MyScript Server Monoserver Installation Documentation","\u002Fdocs\u002Fcloud\u002F4.5\u002Fserver\u002Fmonoserver-installation","docs\u002Fcloud\u002F4.5\u002F09.server\u002F02.monoserver-installation",{"title":223,"path":224,"stem":225},"MyScript Server Production Installation Documentation","\u002Fdocs\u002Fcloud\u002F4.5\u002Fserver\u002Fproduction-installation","docs\u002Fcloud\u002F4.5\u002F09.server\u002F03.production-installation",{"title":227,"path":228,"stem":229},"MyScript Server Migration Guide","\u002Fdocs\u002Fcloud\u002F4.5\u002Fserver\u002Fserver-migration-guide","docs\u002Fcloud\u002F4.5\u002F09.server\u002F04.server-migration-guide",{"title":231,"path":232,"stem":233},"MyScript Server Administration Guide","\u002Fdocs\u002Fcloud\u002F4.5\u002Fserver\u002Fadministration-guide","docs\u002Fcloud\u002F4.5\u002F09.server\u002F05.administration-guide",{"title":139,"path":235,"stem":236,"children":237,"page":40},"\u002Fdocs\u002Fcloud\u002F4.5\u002Freference","docs\u002Fcloud\u002F4.5\u002F10.reference",[238],{"title":239,"path":240,"stem":241},"JIIX format reference","\u002Fdocs\u002Fcloud\u002F4.5\u002Freference\u002Fjiix","docs\u002Fcloud\u002F4.5\u002F10.reference\u002F01.jiix",{"title":243,"path":244,"stem":245,"children":246,"page":40},"Concepts","\u002Fdocs\u002Fconcepts","docs\u002Fconcepts",[247,250,254],{"title":20,"path":248,"stem":249},"\u002Fdocs\u002Fconcepts\u002Foverview","docs\u002Fconcepts\u002F01.overview",{"title":251,"path":252,"stem":253},"Glossary","\u002Fdocs\u002Fconcepts\u002Fglossary","docs\u002Fconcepts\u002F02.glossary",{"title":255,"path":256,"stem":257,"children":258,"page":40},"Fundamentals","\u002Fdocs\u002Fconcepts\u002Ffundamentals","docs\u002Fconcepts\u002F03.fundamentals",[259,263,292,312],{"title":260,"path":261,"stem":262},"OCR vs digital ink recognition","\u002Fdocs\u002Fconcepts\u002Ffundamentals\u002Fdigital-ink-vs-ocr","docs\u002Fconcepts\u002F03.fundamentals\u002F01.digital-ink-vs-ocr",{"title":264,"path":265,"stem":266,"children":267,"page":40},"Ink interpretation","\u002Fdocs\u002Fconcepts\u002Ffundamentals\u002Fink-interpretation","docs\u002Fconcepts\u002F03.fundamentals\u002F02.ink-interpretation",[268,272,276,280,284,288],{"title":269,"path":270,"stem":271},"Ink processing","\u002Fdocs\u002Fconcepts\u002Ffundamentals\u002Fink-interpretation\u002Fink-interpretation","docs\u002Fconcepts\u002F03.fundamentals\u002F02.ink-interpretation\u002F01.ink-interpretation",{"title":273,"path":274,"stem":275},"Recognition features","\u002Fdocs\u002Fconcepts\u002Ffundamentals\u002Fink-interpretation\u002Fcontent-types","docs\u002Fconcepts\u002F03.fundamentals\u002F02.ink-interpretation\u002F02.content-types",{"title":277,"path":278,"stem":279},"Ink classification","\u002Fdocs\u002Fconcepts\u002Ffundamentals\u002Fink-interpretation\u002Fink-classification","docs\u002Fconcepts\u002F03.fundamentals\u002F02.ink-interpretation\u002F03.ink-classification",{"title":281,"path":282,"stem":283},"What are batch mode and incremental mode?","\u002Fdocs\u002Fconcepts\u002Ffundamentals\u002Fink-interpretation\u002Fbatch-mode","docs\u002Fconcepts\u002F03.fundamentals\u002F02.ink-interpretation\u002F04.batch-mode",{"title":285,"path":286,"stem":287},"Gestures and context","\u002Fdocs\u002Fconcepts\u002Ffundamentals\u002Fink-interpretation\u002Fcontext-gestures","docs\u002Fconcepts\u002F03.fundamentals\u002F02.ink-interpretation\u002F05.context-gestures",{"title":289,"path":290,"stem":291},"What is interactivity","\u002Fdocs\u002Fconcepts\u002Ffundamentals\u002Fink-interpretation\u002Finteractive-ink","docs\u002Fconcepts\u002F03.fundamentals\u002F02.ink-interpretation\u002F06.interactive-ink",{"title":293,"path":294,"stem":295,"children":296,"page":40},"Rendering-driven interactivity","\u002Fdocs\u002Fconcepts\u002Ffundamentals\u002Frendering-driven-interactivity","docs\u002Fconcepts\u002F03.fundamentals\u002F03.rendering-driven-interactivity",[297,301,304,308],{"title":298,"path":299,"stem":300},"Ink capture","\u002Fdocs\u002Fconcepts\u002Ffundamentals\u002Frendering-driven-interactivity\u002Fink-capture","docs\u002Fconcepts\u002F03.fundamentals\u002F03.rendering-driven-interactivity\u002F01.ink-capture",{"title":76,"path":302,"stem":303},"\u002Fdocs\u002Fconcepts\u002Ffundamentals\u002Frendering-driven-interactivity\u002Fediting-gestures","docs\u002Fconcepts\u002F03.fundamentals\u002F03.rendering-driven-interactivity\u002F02.editing-gestures",{"title":305,"path":306,"stem":307},"Smart tools","\u002Fdocs\u002Fconcepts\u002Ffundamentals\u002Frendering-driven-interactivity\u002Fsmart-tools","docs\u002Fconcepts\u002F03.fundamentals\u002F03.rendering-driven-interactivity\u002F03.smart-tools",{"title":309,"path":310,"stem":311},"Responsive and productive","\u002Fdocs\u002Fconcepts\u002Ffundamentals\u002Frendering-driven-interactivity\u002Fresponsive-layout","docs\u002Fconcepts\u002F03.fundamentals\u002F03.rendering-driven-interactivity\u002F04.responsive-layout",{"title":313,"path":314,"stem":315,"children":316,"page":40},"Handwriting generation","\u002Fdocs\u002Fconcepts\u002Ffundamentals\u002Fhandwriting-generation","docs\u002Fconcepts\u002F03.fundamentals\u002F04.handwriting-generation",[317],{"title":313,"path":318,"stem":319},"\u002Fdocs\u002Fconcepts\u002Ffundamentals\u002Fhandwriting-generation\u002Fhandwriting-generation","docs\u002Fconcepts\u002F03.fundamentals\u002F04.handwriting-generation\u002F01.handwriting-generation",{"title":321,"path":322,"stem":323,"children":324,"page":40},"Sdk","\u002Fdocs\u002Fsdk","docs\u002Fsdk",[325],{"title":15,"path":326,"stem":327,"children":328,"page":40},"\u002Fdocs\u002Fsdk\u002F4.5","docs\u002Fsdk\u002F4.5",[329,333,336,339,349,368,381,393,401,417,426,463,467,470,474,477,484],{"title":330,"path":331,"stem":332},"About MyScript iink SDK","\u002Fdocs\u002Fsdk\u002F4.5\u002Fabout","docs\u002Fsdk\u002F4.5\u002F01.about",{"title":33,"path":334,"stem":335},"\u002Fdocs\u002Fsdk\u002F4.5\u002Fchangelog","docs\u002Fsdk\u002F4.5\u002F02.changelog",{"title":37,"path":337,"stem":338},"\u002Fdocs\u002Fsdk\u002F4.5\u002Fmigration-guide","docs\u002Fsdk\u002F4.5\u002F03.migration-guide",{"title":42,"path":340,"stem":341,"children":342,"page":40},"\u002Fdocs\u002Fsdk\u002F4.5\u002Fintegration","docs\u002Fsdk\u002F4.5\u002F04.integration",[343,346],{"title":47,"path":344,"stem":345},"\u002Fdocs\u002Fsdk\u002F4.5\u002Fintegration\u002Fplatforms","docs\u002Fsdk\u002F4.5\u002F04.integration\u002F01.platforms",{"title":51,"path":347,"stem":348},"\u002Fdocs\u002Fsdk\u002F4.5\u002Fintegration\u002Fintegration-levels","docs\u002Fsdk\u002F4.5\u002F04.integration\u002F02.integration-levels",{"title":55,"path":350,"stem":351,"children":352,"page":40},"\u002Fdocs\u002Fsdk\u002F4.5\u002Frecognition-capabilities","docs\u002Fsdk\u002F4.5\u002F05.recognition-capabilities",[353,356,359,362,365],{"title":60,"path":354,"stem":355},"\u002Fdocs\u002Fsdk\u002F4.5\u002Frecognition-capabilities\u002Frecognizers","docs\u002Fsdk\u002F4.5\u002F05.recognition-capabilities\u002F01.recognizers",{"title":64,"path":357,"stem":358},"\u002Fdocs\u002Fsdk\u002F4.5\u002Frecognition-capabilities\u002Ftext-languages","docs\u002Fsdk\u002F4.5\u002F05.recognition-capabilities\u002F02.text-languages",{"title":68,"path":360,"stem":361},"\u002Fdocs\u002Fsdk\u002F4.5\u002Frecognition-capabilities\u002Fmath-elements-and-rules","docs\u002Fsdk\u002F4.5\u002F05.recognition-capabilities\u002F03.math-elements-and-rules",{"title":72,"path":363,"stem":364},"\u002Fdocs\u002Fsdk\u002F4.5\u002Frecognition-capabilities\u002Fdiagram-features","docs\u002Fsdk\u002F4.5\u002F05.recognition-capabilities\u002F04.diagram-features",{"title":76,"path":366,"stem":367},"\u002Fdocs\u002Fsdk\u002F4.5\u002Frecognition-capabilities\u002Fgestures","docs\u002Fsdk\u002F4.5\u002F05.recognition-capabilities\u002F05.gestures",{"title":80,"path":369,"stem":370,"children":371,"page":40},"\u002Fdocs\u002Fsdk\u002F4.5\u002Finteractivity-integration","docs\u002Fsdk\u002F4.5\u002F06.interactivity-integration",[372,375,378],{"title":85,"path":373,"stem":374},"\u002Fdocs\u002Fsdk\u002F4.5\u002Finteractivity-integration\u002Fcontent-types","docs\u002Fsdk\u002F4.5\u002F06.interactivity-integration\u002F01.content-types",{"title":89,"path":376,"stem":377},"\u002Fdocs\u002Fsdk\u002F4.5\u002Finteractivity-integration\u002Finteractive-features","docs\u002Fsdk\u002F4.5\u002F06.interactivity-integration\u002F02.interactive-features",{"title":93,"path":379,"stem":380},"\u002Fdocs\u002Fsdk\u002F4.5\u002Finteractivity-integration\u002Fimport-and-export-formats","docs\u002Fsdk\u002F4.5\u002F06.interactivity-integration\u002F03.import-and-export-formats",{"title":106,"path":382,"stem":383,"children":384,"page":40},"\u002Fdocs\u002Fsdk\u002F4.5\u002Fgetting-started","docs\u002Fsdk\u002F4.5\u002F07.getting-started",[385,389],{"title":386,"path":387,"stem":388},"Setup","\u002Fdocs\u002Fsdk\u002F4.5\u002Fgetting-started\u002Fsetup","docs\u002Fsdk\u002F4.5\u002F07.getting-started\u002F01.setup",{"title":390,"path":391,"stem":392},"Instantiate Engine","\u002Fdocs\u002Fsdk\u002F4.5\u002Fgetting-started\u002Finteractive-ink-runtime","docs\u002Fsdk\u002F4.5\u002F07.getting-started\u002F02.interactive-ink-runtime",{"title":394,"path":395,"stem":396,"children":397,"page":40},"Recognizer","\u002Fdocs\u002Fsdk\u002F4.5\u002Frecognizer","docs\u002Fsdk\u002F4.5\u002F08.recognizer",[398],{"title":60,"path":399,"stem":400},"\u002Fdocs\u002Fsdk\u002F4.5\u002Frecognizer\u002Frecognizers","docs\u002Fsdk\u002F4.5\u002F08.recognizer\u002F01.recognizers",{"title":402,"path":403,"stem":404,"children":405,"page":40},"Interactivity specific","\u002Fdocs\u002Fsdk\u002F4.5\u002Finteractivity","docs\u002Fsdk\u002F4.5\u002F09.interactivity",[406,410,413],{"title":407,"path":408,"stem":409},"Storage","\u002Fdocs\u002Fsdk\u002F4.5\u002Finteractivity\u002Fstorage","docs\u002Fsdk\u002F4.5\u002F09.interactivity\u002F01.storage",{"title":97,"path":411,"stem":412},"\u002Fdocs\u002Fsdk\u002F4.5\u002Finteractivity\u002Fmath-features","docs\u002Fsdk\u002F4.5\u002F09.interactivity\u002F02.math-features",{"title":414,"path":415,"stem":416},"Integrate with the undo\u002Fredo stack of your application","\u002Fdocs\u002Fsdk\u002F4.5\u002Finteractivity\u002Fcombined-undo-redo-stacks","docs\u002Fsdk\u002F4.5\u002F09.interactivity\u002F03.combined-undo-redo-stacks",{"title":418,"path":419,"stem":420,"children":421,"page":40},"OffScreenEditor specific","\u002Fdocs\u002Fsdk\u002F4.5\u002Foffscreen-editor","docs\u002Fsdk\u002F4.5\u002F10.offscreen-editor",[422],{"title":423,"path":424,"stem":425},"OffscreenEditor","\u002Fdocs\u002Fsdk\u002F4.5\u002Foffscreen-editor\u002Foff-screen-usage","docs\u002Fsdk\u002F4.5\u002F10.offscreen-editor\u002F01.off-screen-usage",{"title":427,"path":428,"stem":429,"children":430,"page":40},"Editor specific","\u002Fdocs\u002Fsdk\u002F4.5\u002Feditor","docs\u002Fsdk\u002F4.5\u002F11.editor",[431,435,439,443,447,451,455,459],{"title":432,"path":433,"stem":434},"Rendering","\u002Fdocs\u002Fsdk\u002F4.5\u002Feditor\u002Frendering","docs\u002Fsdk\u002F4.5\u002F11.editor\u002F01.rendering",{"title":436,"path":437,"stem":438},"Editing","\u002Fdocs\u002Fsdk\u002F4.5\u002Feditor\u002Fediting","docs\u002Fsdk\u002F4.5\u002F11.editor\u002F02.editing",{"title":440,"path":441,"stem":442},"Tool controller","\u002Fdocs\u002Fsdk\u002F4.5\u002Feditor\u002Ftool-controller","docs\u002Fsdk\u002F4.5\u002F11.editor\u002F03.tool-controller",{"title":444,"path":445,"stem":446},"Selection and block","\u002Fdocs\u002Fsdk\u002F4.5\u002Feditor\u002Fblock-selection-management","docs\u002Fsdk\u002F4.5\u002F11.editor\u002F04.block-selection-management",{"title":448,"path":449,"stem":450},"Conversion","\u002Fdocs\u002Fsdk\u002F4.5\u002Feditor\u002Fconversion","docs\u002Fsdk\u002F4.5\u002F11.editor\u002F05.conversion",{"title":452,"path":453,"stem":454},"Zooming and scrolling","\u002Fdocs\u002Fsdk\u002F4.5\u002Feditor\u002Fzooming-and-scrolling","docs\u002Fsdk\u002F4.5\u002F11.editor\u002F06.zooming-and-scrolling",{"title":456,"path":457,"stem":458},"Styling","\u002Fdocs\u002Fsdk\u002F4.5\u002Feditor\u002Fstyling","docs\u002Fsdk\u002F4.5\u002F11.editor\u002F07.styling",{"title":460,"path":461,"stem":462},"Custom inking","\u002Fdocs\u002Fsdk\u002F4.5\u002Feditor\u002Fcustom-inking","docs\u002Fsdk\u002F4.5\u002F11.editor\u002F08.custom-inking",{"title":464,"path":465,"stem":466},"Result, import and export","\u002Fdocs\u002Fsdk\u002F4.5\u002Fimport-and-export","docs\u002Fsdk\u002F4.5\u002F12.import-and-export",{"title":202,"path":468,"stem":469},"\u002Fdocs\u002Fsdk\u002F4.5\u002Ftext-recognition-candidates","docs\u002Fsdk\u002F4.5\u002F13.text-recognition-candidates",{"title":471,"path":472,"stem":473},"Error management","\u002Fdocs\u002Fsdk\u002F4.5\u002Ferror-management","docs\u002Fsdk\u002F4.5\u002F14.error-management",{"title":206,"path":475,"stem":476},"\u002Fdocs\u002Fsdk\u002F4.5\u002Fcustom-recognition","docs\u002Fsdk\u002F4.5\u002F15.custom-recognition",{"title":313,"path":478,"stem":479,"children":480,"page":40},"\u002Fdocs\u002Fsdk\u002F4.5\u002Fhandwriting-generation","docs\u002Fsdk\u002F4.5\u002F16.handwriting-generation",[481],{"title":313,"path":482,"stem":483},"\u002Fdocs\u002Fsdk\u002F4.5\u002Fhandwriting-generation\u002Fhandwriting-generation","docs\u002Fsdk\u002F4.5\u002F16.handwriting-generation\u002F01.handwriting-generation",{"title":139,"path":485,"stem":486,"children":487,"page":40},"\u002Fdocs\u002Fsdk\u002F4.5\u002Freference","docs\u002Fsdk\u002F4.5\u002F17.reference",[488,491,494],{"title":144,"path":489,"stem":490},"\u002Fdocs\u002Fsdk\u002F4.5\u002Freference\u002Fconfiguration","docs\u002Fsdk\u002F4.5\u002F17.reference\u002F01.configuration",{"title":239,"path":492,"stem":493},"\u002Fdocs\u002Fsdk\u002F4.5\u002Freference\u002Fjiix","docs\u002Fsdk\u002F4.5\u002F17.reference\u002F02.jiix",{"title":495,"path":496,"stem":497},"Styling reference","\u002Fdocs\u002Fsdk\u002F4.5\u002Freference\u002Fstyling","docs\u002Fsdk\u002F4.5\u002F17.reference\u002F03.styling",{"path":499,"page":500},"\u002Fdocs\u002Fcloud\u002F3.1\u002Fiinkts\u002Fstyling",{"id":501,"title":456,"body":502,"canonicalPath":1359,"description":1360,"extension":1361,"icon":1359,"meta":1362,"navTitle":456,"navigation":669,"path":499,"resolveKey":1363,"resolveVersion":1359,"seo":1364,"stem":1365,"__hash__":1366},"cloud31\u002Fdocs\u002Fcloud\u002F3.1\u002F05.iinkts\u002F05.styling.md",{"type":503,"value":504,"toc":1342},"minimark",[505,509,512,525,530,533,536,540,543,546,549,688,693,696,700,704,715,777,781,786,797,806,916,919,927,931,934,944,949,960,963,965,1111,1115,1121,1128,1130,1183,1187,1190,1193,1203,1207,1213,1217,1220,1275,1279,1282,1318,1322,1328,1332,1338],[506,507,508],"p",{},"MyScript iink SDK makes it easy to style content.\nIn this part of the guide, you will learn how to set a theme and how you can change the color of the pen at any time.",[506,510,511],{},"This page focuses on server-based rendering and styling, so on REST and onscreen Websockets.",[513,514,516],"callout",{"color":515},"secondary",[506,517,518,519,524],{},"With offscreen Websockets, all rendering and styling are performed by the client, refer to ",[520,521,523],"a",{"href":522},"\u002Fdocs\u002Fcloud\u002F3.1\u002Fiinkts\u002Foffscreen-interactivity","OffScreen interactivity page",".",[526,527,529],"h2",{"id":528},"browser-styling-vs-server-styling","Browser styling vs Server styling",[506,531,532],{},"As the recognition logic is held by the server, the exact same representation is held on it.\nIt means that the position of strokes and fonts should be the same on the client and the server.",[506,534,535],{},"As a consequence of this architecture, size and background of editor can be styled with CSS, but you have to use JavaScript API to configure the inside content of the document.",[526,537,539],{"id":538},"browser-styling-loader-boundaries-and-background","Browser styling, Loader, boundaries and background",[506,541,542],{},"You can use regular CSS to configure the size and the background and your editor.",[506,544,545],{},"You can do it with a custom CSS class as illustrated below.",[506,547,548],{},"Example:",[550,551,556],"pre",{"className":552,"code":553,"language":554,"meta":555,"style":555},"language-javascript shiki shiki-themes blue-hacker-light blue-hacker-light blue-hacker-dark","\u003Clink rel=\"stylesheet\" href=\"..\u002Fassets\u002Fmy-custom-classes.css\" \u002F>\n      ...\nconst editorCustomClasses = \"my-custom-class\"\neditor = new iink.Editor(editorElement, options, editorCustomClasses);\n\nawait editor.initialize();\n","javascript","",[557,558,559,603,609,630,664,671],"code",{"__ignoreMap":555},[560,561,564,568,572,575,579,582,586,588,591,593,595,598,600],"span",{"class":562,"line":563},"line",1,[560,565,567],{"class":566},"soFc9","\u003C",[560,569,571],{"class":570},"slAV6","link",[560,573,574],{"class":570}," rel",[560,576,578],{"class":577},"sglaT","=",[560,580,581],{"class":566},"\"",[560,583,585],{"class":584},"sZBTK","stylesheet",[560,587,581],{"class":566},[560,589,590],{"class":570}," href",[560,592,578],{"class":577},[560,594,581],{"class":566},[560,596,597],{"class":584},"..\u002Fassets\u002Fmy-custom-classes.css",[560,599,581],{"class":566},[560,601,602],{"class":566}," \u002F>\n",[560,604,606],{"class":562,"line":605},2,[560,607,608],{"class":577},"      ...\n",[560,610,612,615,619,621,624,627],{"class":562,"line":611},3,[560,613,614],{"class":577},"const",[560,616,618],{"class":617},"sEQEB"," editorCustomClasses ",[560,620,578],{"class":577},[560,622,623],{"class":566}," \"",[560,625,626],{"class":584},"my-custom-class",[560,628,629],{"class":566},"\"\n",[560,631,633,636,638,641,644,647,650,653,656,658,661],{"class":562,"line":632},4,[560,634,635],{"class":617},"editor ",[560,637,578],{"class":577},[560,639,640],{"class":577}," new",[560,642,643],{"class":617}," iink",[560,645,646],{"class":566},".Editor",[560,648,649],{"class":617},"(editorElement",[560,651,652],{"class":566},",",[560,654,655],{"class":617}," options",[560,657,652],{"class":566},[560,659,660],{"class":617}," editorCustomClasses)",[560,662,663],{"class":566},";\n",[560,665,667],{"class":562,"line":666},5,[560,668,670],{"emptyLinePlaceholder":669},true,"\n",[560,672,674,677,680,683,686],{"class":562,"line":673},6,[560,675,676],{"class":566},"await",[560,678,679],{"class":617}," editor",[560,681,682],{"class":566},".initialize",[560,684,685],{"class":617},"()",[560,687,663],{"class":566},[513,689,690],{"color":515},[506,691,692],{},"Be aware that CSS zoom properties will break the stroke capture and can not be used.",[506,694,695],{},"For a full illustration of the editor CSS customization, you can refer to this example:",[697,698],"github-links",{"source":699},"https:\u002F\u002Fgithub.com\u002FMyScript\u002FiinkTS\u002Fblob\u002F2.0.0\u002Fexamples\u002Fwebsocket\u002Fwebsocket_text_customize_editor_css.html",[526,701,703],{"id":702},"resizing","Resizing",[506,705,706,707,710,711,714],{},"As the editor is built with different DOM elements, including canvas and SVG elements, its size does not adapt immediately when the window size changes, plus the server has to be notified of the exact size of the editor.\nYou have to listen to the ",[557,708,709],{},"resize"," event and call the ",[557,712,713],{},"resize()"," method of the editor every time the event fires.",[550,716,718],{"className":552,"code":717,"language":554,"meta":555,"style":555},"  window.addEventListener('resize', () => {\n    editorElement.editor.resize();\n  });\n",[557,719,720,749,767],{"__ignoreMap":555},[560,721,722,725,728,731,734,736,738,740,743,746],{"class":562,"line":563},[560,723,724],{"class":617},"  window",[560,726,727],{"class":566},".addEventListener",[560,729,730],{"class":617},"(",[560,732,733],{"class":566},"'",[560,735,709],{"class":584},[560,737,733],{"class":566},[560,739,652],{"class":566},[560,741,742],{"class":566}," ()",[560,744,745],{"class":577}," =>",[560,747,748],{"class":566}," {\n",[560,750,751,755,757,760,763,765],{"class":562,"line":605},[560,752,754],{"class":753},"sU2JI","    editorElement",[560,756,524],{"class":566},[560,758,759],{"class":753},"editor",[560,761,762],{"class":566},".resize",[560,764,685],{"class":617},[560,766,663],{"class":566},[560,768,769,772,775],{"class":562,"line":611},[560,770,771],{"class":566},"  }",[560,773,774],{"class":617},")",[560,776,663],{"class":566},[526,778,780],{"id":779},"setting-a-theme","Setting a theme",[513,782,783],{"color":515},[506,784,785],{},"The next sections are all about server styling",[506,787,788,789,793,794,796],{},"A ",[790,791,792],"strong",{},"theme"," is a style sheet that influences the look & feel of the content rendered by a particular ",[557,795,759],{}," object.",[506,798,799,800,802,803,805],{},"The style sheet shall be passed as a string to the ",[557,801,792],{}," attribute of the options of the ",[557,804,759],{}," object.\nFor example, to set the default ink color to blue for the current editor, you can write:",[550,807,809],{"className":552,"code":808,"language":554,"meta":555,"style":555},"        const options = {\n          theme: {\n            ink: {\n              color: \"#ffffff\"\n            }\n          },\n        ...\n\n         editor = new iink.Editor(editorElement, options);\n\n         await editor.initialize();\n",[557,810,811,823,833,842,856,861,866,872,877,898,903],{"__ignoreMap":555},[560,812,813,816,819,821],{"class":562,"line":563},[560,814,815],{"class":577},"        const",[560,817,818],{"class":617}," options ",[560,820,578],{"class":577},[560,822,748],{"class":566},[560,824,825,828,831],{"class":562,"line":605},[560,826,827],{"class":617},"          theme",[560,829,830],{"class":566},":",[560,832,748],{"class":566},[560,834,835,838,840],{"class":562,"line":611},[560,836,837],{"class":617},"            ink",[560,839,830],{"class":566},[560,841,748],{"class":566},[560,843,844,847,849,851,854],{"class":562,"line":632},[560,845,846],{"class":617},"              color",[560,848,830],{"class":566},[560,850,623],{"class":566},[560,852,853],{"class":584},"#ffffff",[560,855,629],{"class":566},[560,857,858],{"class":562,"line":666},[560,859,860],{"class":566},"            }\n",[560,862,863],{"class":562,"line":673},[560,864,865],{"class":566},"          },\n",[560,867,869],{"class":562,"line":868},7,[560,870,871],{"class":577},"        ...\n",[560,873,875],{"class":562,"line":874},8,[560,876,670],{"emptyLinePlaceholder":669},[560,878,880,883,885,887,889,891,893,895],{"class":562,"line":879},9,[560,881,882],{"class":617},"         editor ",[560,884,578],{"class":577},[560,886,640],{"class":577},[560,888,643],{"class":617},[560,890,646],{"class":566},[560,892,649],{"class":617},[560,894,652],{"class":566},[560,896,897],{"class":617}," options);\n",[560,899,901],{"class":562,"line":900},10,[560,902,670],{"emptyLinePlaceholder":669},[560,904,906,909,911,913],{"class":562,"line":905},11,[560,907,908],{"class":566},"         await",[560,910,679],{"class":617},[560,912,682],{"class":566},[560,914,915],{"class":617},"();\n",[506,917,918],{},"MyScript iink SDK comes with a built-in default theme. Values defined by the provided style sheet will have a higher priority and override the default style.",[506,920,921,922,926],{},"See the full ",[520,923,925],{"href":924},"\u002Fdocs\u002Fsdk\u002F3.1\u002Freference\u002Fstyling","styling reference"," for more information about available styling options.",[526,928,930],{"id":929},"changing-the-style-of-the-pen","Changing the style of the pen",[506,932,933],{},"It is possible to set the style associated with the pen, for example to change its color or its thickness.\nThis is useful when providing end users with a color palette or when letting them define the characteristics of the pen tool.",[506,935,936,937,940,941,524],{},"There are two possible approaches: ",[790,938,939],{},"via the theme"," or by setting ",[790,942,943],{},"dynamic styles",[945,946,948],"h3",{"id":947},"via-the-theme","Via the theme",[506,950,951,952,955,956,959],{},"The ",[790,953,954],{},"theming approach"," consists in specifying classes corresponding to the different pen configurations in the custom theme and in applying a given style to the pen tool by setting the ",[557,957,958],{},"penStyleClasses"," attribute of the editor.",[506,961,962],{},"This approach is the most efficient one, and is better suited when users are provided with a fixed set of choices.\nIt will however be dependent of the theme and thus not stored within the content part.",[506,964,548],{},[550,966,968],{"className":552,"code":967,"language":554,"meta":555,"style":555},"editor.theme = {'ink':{'color':'#FFFFFF','-myscript-pen-width':2},'.text':{'font-size':12},'.greenThickPen':{'color':'#00FF00','-myscript-pen-width':3}};\neditor.penStyleClasses = 'greenThickPen';\n",[557,969,970,1090],{"__ignoreMap":555},[560,971,972,974,976,979,981,984,986,989,991,994,996,999,1001,1003,1005,1008,1010,1012,1014,1017,1019,1021,1024,1027,1029,1032,1034,1036,1038,1041,1043,1045,1048,1050,1052,1055,1057,1059,1061,1063,1065,1067,1069,1072,1074,1076,1078,1080,1082,1084,1087],{"class":562,"line":563},[560,973,759],{"class":617},[560,975,524],{"class":566},[560,977,978],{"class":617},"theme ",[560,980,578],{"class":577},[560,982,983],{"class":566}," {",[560,985,733],{"class":566},[560,987,988],{"class":584},"ink",[560,990,733],{"class":566},[560,992,993],{"class":566},":{",[560,995,733],{"class":566},[560,997,998],{"class":584},"color",[560,1000,733],{"class":566},[560,1002,830],{"class":566},[560,1004,733],{"class":566},[560,1006,1007],{"class":584},"#FFFFFF",[560,1009,733],{"class":566},[560,1011,652],{"class":566},[560,1013,733],{"class":566},[560,1015,1016],{"class":584},"-myscript-pen-width",[560,1018,733],{"class":566},[560,1020,830],{"class":566},[560,1022,1023],{"class":753},"2",[560,1025,1026],{"class":566},"},",[560,1028,733],{"class":566},[560,1030,1031],{"class":584},".text",[560,1033,733],{"class":566},[560,1035,993],{"class":566},[560,1037,733],{"class":566},[560,1039,1040],{"class":584},"font-size",[560,1042,733],{"class":566},[560,1044,830],{"class":566},[560,1046,1047],{"class":753},"12",[560,1049,1026],{"class":566},[560,1051,733],{"class":566},[560,1053,1054],{"class":584},".greenThickPen",[560,1056,733],{"class":566},[560,1058,993],{"class":566},[560,1060,733],{"class":566},[560,1062,998],{"class":584},[560,1064,733],{"class":566},[560,1066,830],{"class":566},[560,1068,733],{"class":566},[560,1070,1071],{"class":584},"#00FF00",[560,1073,733],{"class":566},[560,1075,652],{"class":566},[560,1077,733],{"class":566},[560,1079,1016],{"class":584},[560,1081,733],{"class":566},[560,1083,830],{"class":566},[560,1085,1086],{"class":753},"3",[560,1088,1089],{"class":566},"}};\n",[560,1091,1092,1094,1096,1099,1101,1104,1107,1109],{"class":562,"line":605},[560,1093,759],{"class":617},[560,1095,524],{"class":566},[560,1097,1098],{"class":617},"penStyleClasses ",[560,1100,578],{"class":577},[560,1102,1103],{"class":566}," '",[560,1105,1106],{"class":584},"greenThickPen",[560,1108,733],{"class":566},[560,1110,663],{"class":566},[945,1112,1114],{"id":1113},"via-dynamic-styles","Via dynamic styles",[506,1116,1117,1118,959],{},"This approach consists in directly setting the style of the pen tool by setting the ",[557,1119,1120],{},"penStyle",[506,1122,1123,1124,1127],{},"It is ",[790,1125,1126],{},"less optimal"," in terms of processing time than the theming approach.\nHowever, it makes it easy to dynamically create styles (for instance if you let your users build their own color palettes) and will be saved within the content part.",[506,1129,548],{},[550,1131,1133],{"className":552,"code":1132,"language":554,"meta":555,"style":555},"editor.penStyle = {'color':'#44cec8','-myscript-pen-width':'1'}\n",[557,1134,1135],{"__ignoreMap":555},[560,1136,1137,1139,1141,1144,1146,1148,1150,1152,1154,1156,1158,1161,1163,1165,1167,1169,1171,1173,1175,1178,1180],{"class":562,"line":563},[560,1138,759],{"class":617},[560,1140,524],{"class":566},[560,1142,1143],{"class":617},"penStyle ",[560,1145,578],{"class":577},[560,1147,983],{"class":566},[560,1149,733],{"class":566},[560,1151,998],{"class":584},[560,1153,733],{"class":566},[560,1155,830],{"class":566},[560,1157,733],{"class":566},[560,1159,1160],{"class":584},"#44cec8",[560,1162,733],{"class":566},[560,1164,652],{"class":566},[560,1166,733],{"class":566},[560,1168,1016],{"class":584},[560,1170,733],{"class":566},[560,1172,830],{"class":566},[560,1174,733],{"class":566},[560,1176,1177],{"class":584},"1",[560,1179,733],{"class":566},[560,1181,1182],{"class":566},"}\n",[526,1184,1186],{"id":1185},"customized-styling-example","Customized styling example",[506,1188,1189],{},"For a full illustration of the styling approaches listed above, you can refer to this example:",[697,1191],{"source":1192},"https:\u002F\u002Fgithub.com\u002FMyScript\u002FiinkTS\u002Fblob\u002F2.0.0\u002Fexamples\u002Fwebsocket\u002Fwebsocket_text_customize_stroke_style.html",[513,1194,1195],{"color":515},[506,1196,1197,1198,1202],{},"While it is possible to update the overall look & feel of the content by setting a theme at any time, iink SDK does not currently offer the\npossibility to specifically modify ",[1199,1200,1201],"em",{},"a posteriori"," the style of a selection of elements. This is expected to land in a future version.",[526,1204,1206],{"id":1205},"iink-sdk-css-specificities","iink SDK CSS specificities",[506,1208,1209,1212],{},[790,1210,1211],{},"Cascading Style Sheets"," (CSS) are a very common way to declaratively style content, for instance on the Web.\nMyScript iink SDK only relies on a subset of CSS for styling, with a few specificities to keep in mind.",[945,1214,1216],{"id":1215},"restrictions","Restrictions",[506,1218,1219],{},"The following restrictions apply:",[1221,1222,1223,1231,1234,1248,1255,1268],"ul",{},[1224,1225,1226,1227,524],"li",{},"Only Google fonts are supported. The available fonts depends on the selected language. See the full list of ",[520,1228,1230],{"href":1229},"\u002Fdocs\u002Fsdk\u002F3.1\u002Freference\u002Fstyling#fonts","supported fonts",[1224,1232,1233],{},"Only a limited subset of CSS properties is supported.",[1224,1235,1236,1237,1240,1241,1243,1244,1247],{},"Supported types are different from those of regular CSS (for example type selectors like ",[557,1238,1239],{},"h1",", ",[557,1242,506],{}," or ",[557,1245,1246],{},"div"," are not supported).",[1224,1249,1250,1251,1254],{},"The default unit is ",[557,1252,1253],{},"mm"," and properties provided with an explicit unit will be ignored.",[1224,1256,1257,1258,1240,1261,1243,1264,1267],{},"Keywords such as ",[557,1259,1260],{},"inherit",[557,1262,1263],{},"initial",[557,1265,1266],{},"unset"," are not supported.",[1224,1269,1270,1271,1274],{},"Universal selector (",[557,1272,1273],{},"*",") is not supported, neither are combinators.",[945,1276,1278],{"id":1277},"css-types","CSS types",[506,1280,1281],{},"MyScript iink SDK exposes the following type hierarchy:",[1221,1283,1284,1289,1295,1301,1306,1312],{},[1224,1285,1286,1288],{},[557,1287,988],{}," - Groups all the types described below:",[1224,1290,1291,1294],{},[557,1292,1293],{},"stroke"," - Handwritten strokes only",[1224,1296,1297,1300],{},[557,1298,1299],{},"glyph"," - Converted text glyphs",[1224,1302,1303,1305],{},[557,1304,562],{}," - Converted lines, obtained for instance when converting a diagram",[1224,1307,1308,1311],{},[557,1309,1310],{},"arc"," - Converted elliptical arcs, ellipses and circles",[1224,1313,1314,1317],{},[557,1315,1316],{},"guide"," - The text guides",[945,1319,1321],{"id":1320},"built-in-classes-and-properties","Built-in classes and properties",[506,1323,1324,1325,524],{},"The full reference of supported classes and properties can be found ",[520,1326,1327],{"href":924},"here",[526,1329,1331],{"id":1330},"useful-links","Useful links",[1221,1333,1334],{},[1224,1335,1336],{},[520,1337,495],{"href":924},[1339,1340,1341],"style",{},"html pre.shiki code .soFc9, html code.shiki .soFc9{--shiki-light:#1A9FFF;--shiki-default:#1A9FFF;--shiki-dark:#1A9FFF}html pre.shiki code .slAV6, html code.shiki .slAV6{--shiki-light:#005FE4;--shiki-default:#005FE4;--shiki-dark:#1A9FFF}html pre.shiki code .sglaT, html code.shiki .sglaT{--shiki-light:#7751EC;--shiki-default:#7751EC;--shiki-dark:#AC92FC}html pre.shiki code .sZBTK, html code.shiki .sZBTK{--shiki-light:#002DB3;--shiki-default:#002DB3;--shiki-dark:#80EAFF}html pre.shiki code .sEQEB, html code.shiki .sEQEB{--shiki-light:#051F41;--shiki-default:#051F41;--shiki-dark:#D1E9FA}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html pre.shiki code .sU2JI, html code.shiki .sU2JI{--shiki-light:#005FE4;--shiki-default:#005FE4;--shiki-dark:#80DFFF}",{"title":555,"searchDepth":611,"depth":611,"links":1343},[1344,1345,1346,1347,1348,1352,1353,1358],{"id":528,"depth":605,"text":529},{"id":538,"depth":605,"text":539},{"id":702,"depth":605,"text":703},{"id":779,"depth":605,"text":780},{"id":929,"depth":605,"text":930,"children":1349},[1350,1351],{"id":947,"depth":611,"text":948},{"id":1113,"depth":611,"text":1114},{"id":1185,"depth":605,"text":1186},{"id":1205,"depth":605,"text":1206,"children":1354},[1355,1356,1357],{"id":1215,"depth":611,"text":1216},{"id":1277,"depth":611,"text":1278},{"id":1320,"depth":611,"text":1321},{"id":1330,"depth":605,"text":1331},null,"Interact with the editor","md",{},"9nxitf",{"title":456,"description":1360},"docs\u002Fcloud\u002F3.1\u002F05.iinkts\u002F05.styling","22EnrjoOm7z6sP-dAy_oW0JckXLHZ2posNf0d3wkqzU",[1368],{"title":5,"path":6,"stem":7,"children":1369,"page":40},[1370],{"title":10,"path":11,"stem":12,"children":1371,"page":40},[1372],{"title":1373,"navTitle":1359,"icon":1359,"path":1374,"stem":1375,"children":1376,"page":40},"3.1","\u002Fdocs\u002Fcloud\u002F3.1","docs\u002Fcloud\u002F3.1",[1377,1405,1418,1442,1463,1490,1502,1520,1532,1556],{"title":20,"navTitle":1359,"icon":1359,"path":1378,"stem":1379,"children":1380,"page":40},"\u002Fdocs\u002Fcloud\u002F3.1\u002Foverview","docs\u002Fcloud\u002F3.1\u002F01.overview",[1381,1386,1392,1397,1401],{"title":25,"path":1382,"stem":1383,"navTitle":1384,"icon":1385},"\u002Fdocs\u002Fcloud\u002F3.1\u002Foverview\u002Fintroduction","docs\u002Fcloud\u002F3.1\u002F01.overview\u002F01.introduction","Introduction","i-tabler-info-circle",{"title":1387,"path":1388,"stem":1389,"navTitle":1390,"icon":1391},"Web concepts","\u002Fdocs\u002Fcloud\u002F3.1\u002Foverview\u002Ftools-and-concepts","docs\u002Fcloud\u002F3.1\u002F01.overview\u002F02.tools-and-concepts","Tools and concepts","i-tabler-package",{"title":29,"path":1393,"stem":1394,"navTitle":1395,"icon":1396},"\u002Fdocs\u002Fcloud\u002F3.1\u002Foverview\u002Fhttp-rest-or-websocket","docs\u002Fcloud\u002F3.1\u002F01.overview\u002F03.http-rest-or-websocket","REST\u002FHTTP vs. WebSockets","i-tabler-question-circle",{"title":33,"path":1398,"stem":1399,"navTitle":33,"icon":1400},"\u002Fdocs\u002Fcloud\u002F3.1\u002Foverview\u002Fchangelog","docs\u002Fcloud\u002F3.1\u002F01.overview\u002F04.changelog","i-tabler-bell-ringing",{"title":37,"path":1402,"stem":1403,"navTitle":37,"icon":1404},"\u002Fdocs\u002Fcloud\u002F3.1\u002Foverview\u002Fmigration-guide","docs\u002Fcloud\u002F3.1\u002F01.overview\u002F05.migration-guide","i-tabler-gps",{"title":42,"navTitle":1359,"icon":1359,"path":1406,"stem":1407,"children":1408,"page":40},"\u002Fdocs\u002Fcloud\u002F3.1\u002Fintegration","docs\u002Fcloud\u002F3.1\u002F02.integration",[1409,1414],{"title":47,"path":1410,"stem":1411,"navTitle":1412,"icon":1413},"\u002Fdocs\u002Fcloud\u002F3.1\u002Fintegration\u002Fplatforms","docs\u002Fcloud\u002F3.1\u002F02.integration\u002F01.platforms","Platforms","i-tabler-device-laptop",{"title":51,"path":1415,"stem":1416,"navTitle":51,"icon":1417},"\u002Fdocs\u002Fcloud\u002F3.1\u002Fintegration\u002Fintegration-levels","docs\u002Fcloud\u002F3.1\u002F02.integration\u002F02.integration-levels","i-tabler-stack-2",{"title":55,"navTitle":1359,"icon":1359,"path":1419,"stem":1420,"children":1421,"page":40},"\u002Fdocs\u002Fcloud\u002F3.1\u002Frecognition-capabilities","docs\u002Fcloud\u002F3.1\u002F03.recognition-capabilities",[1422,1426,1430,1434,1438],{"title":60,"path":1423,"stem":1424,"navTitle":1359,"icon":1425},"\u002Fdocs\u002Fcloud\u002F3.1\u002Frecognition-capabilities\u002Frecognizers","docs\u002Fcloud\u002F3.1\u002F03.recognition-capabilities\u002F01.recognizers","i-tabler-text-scan-2",{"title":64,"path":1427,"stem":1428,"navTitle":64,"icon":1429},"\u002Fdocs\u002Fcloud\u002F3.1\u002Frecognition-capabilities\u002Ftext-languages","docs\u002Fcloud\u002F3.1\u002F03.recognition-capabilities\u002F02.text-languages","i-tabler-language",{"title":68,"path":1431,"stem":1432,"navTitle":68,"icon":1433},"\u002Fdocs\u002Fcloud\u002F3.1\u002Frecognition-capabilities\u002Fmath-elements-and-rules","docs\u002Fcloud\u002F3.1\u002F03.recognition-capabilities\u002F03.math-elements-and-rules","i-tabler-math",{"title":72,"path":1435,"stem":1436,"navTitle":72,"icon":1437},"\u002Fdocs\u002Fcloud\u002F3.1\u002Frecognition-capabilities\u002Fdiagram-features","docs\u002Fcloud\u002F3.1\u002F03.recognition-capabilities\u002F04.diagram-features","i-tabler-circle-square",{"title":76,"path":1439,"stem":1440,"navTitle":1359,"icon":1441},"\u002Fdocs\u002Fcloud\u002F3.1\u002Frecognition-capabilities\u002Fgestures","docs\u002Fcloud\u002F3.1\u002F03.recognition-capabilities\u002F05.gestures","i-tabler-hand-finger",{"title":80,"navTitle":1359,"icon":1359,"path":1443,"stem":1444,"children":1445,"page":40},"\u002Fdocs\u002Fcloud\u002F3.1\u002Finteractivity-integration","docs\u002Fcloud\u002F3.1\u002F04.interactivity-integration",[1446,1450,1454,1459],{"title":85,"path":1447,"stem":1448,"navTitle":85,"icon":1449},"\u002Fdocs\u002Fcloud\u002F3.1\u002Finteractivity-integration\u002Fcontent-types","docs\u002Fcloud\u002F3.1\u002F04.interactivity-integration\u002F01.content-types","i-tabler-eye",{"title":89,"path":1451,"stem":1452,"navTitle":89,"icon":1453},"\u002Fdocs\u002Fcloud\u002F3.1\u002Finteractivity-integration\u002Finteractive-features","docs\u002Fcloud\u002F3.1\u002F04.interactivity-integration\u002F02.interactive-features","i-tabler-bolt",{"title":93,"path":1455,"stem":1456,"navTitle":1457,"icon":1458},"\u002Fdocs\u002Fcloud\u002F3.1\u002Finteractivity-integration\u002Fimport-and-export-formats","docs\u002Fcloud\u002F3.1\u002F04.interactivity-integration\u002F03.import-and-export-formats","Import and export","i-tabler-arrows-left-right",{"title":97,"path":1460,"stem":1461,"navTitle":97,"icon":1462},"\u002Fdocs\u002Fcloud\u002F3.1\u002Finteractivity-integration\u002Fmath-features","docs\u002Fcloud\u002F3.1\u002F04.interactivity-integration\u002F04.math-features","i-tabler-calculator",{"title":101,"navTitle":1359,"icon":1359,"path":1464,"stem":1465,"children":1466,"page":40},"\u002Fdocs\u002Fcloud\u002F3.1\u002Fiinkts","docs\u002Fcloud\u002F3.1\u002F05.iinkts",[1467,1470,1473,1476,1479,1480,1484,1487],{"title":106,"path":1468,"stem":1469,"navTitle":1359,"icon":1359},"\u002Fdocs\u002Fcloud\u002F3.1\u002Fiinkts\u002Fget-started","docs\u002Fcloud\u002F3.1\u002F05.iinkts\u002F01.get-started",{"title":436,"path":1471,"stem":1472,"navTitle":1359,"icon":1359},"\u002Fdocs\u002Fcloud\u002F3.1\u002Fiinkts\u002Fediting","docs\u002Fcloud\u002F3.1\u002F05.iinkts\u002F02.editing",{"title":448,"path":1474,"stem":1475,"navTitle":1359,"icon":1359},"\u002Fdocs\u002Fcloud\u002F3.1\u002Fiinkts\u002Fconversion","docs\u002Fcloud\u002F3.1\u002F05.iinkts\u002F03.conversion",{"title":1457,"path":1477,"stem":1478,"navTitle":1359,"icon":1359},"\u002Fdocs\u002Fcloud\u002F3.1\u002Fiinkts\u002Fimport-and-export","docs\u002Fcloud\u002F3.1\u002F05.iinkts\u002F04.import-and-export",{"title":456,"path":499,"stem":1365,"navTitle":456,"icon":1359},{"title":1481,"path":1482,"stem":1483,"navTitle":1359,"icon":1359},"Full example","\u002Fdocs\u002Fcloud\u002F3.1\u002Fiinkts\u002Ffull-example","docs\u002Fcloud\u002F3.1\u002F05.iinkts\u002F06.full-example",{"title":1485,"path":522,"stem":1486,"navTitle":1359,"icon":1359},"OffScreen interactivity","docs\u002Fcloud\u002F3.1\u002F05.iinkts\u002F07.offscreen-interactivity",{"title":144,"path":1488,"stem":1489,"navTitle":1359,"icon":1359},"\u002Fdocs\u002Fcloud\u002F3.1\u002Fiinkts\u002Fconfiguration-iinkts","docs\u002Fcloud\u002F3.1\u002F05.iinkts\u002F08.configuration-iinkts",{"title":148,"navTitle":1359,"icon":1359,"path":1491,"stem":1492,"children":1493,"page":40},"\u002Fdocs\u002Fcloud\u002F3.1\u002Frest","docs\u002Fcloud\u002F3.1\u002F06.rest",[1494,1499],{"title":1495,"path":1496,"stem":1497,"navTitle":1498,"icon":1359},"MyScript iink SDK Web REST Architecture","\u002Fdocs\u002Fcloud\u002F3.1\u002Frest\u002Farchitecture","docs\u002Fcloud\u002F3.1\u002F06.rest\u002F01.architecture","Architecture",{"title":144,"path":1500,"stem":1501,"navTitle":1359,"icon":1359},"\u002Fdocs\u002Fcloud\u002F3.1\u002Frest\u002Fconfiguration-rest","docs\u002Fcloud\u002F3.1\u002F06.rest\u002F02.configuration-rest",{"title":173,"navTitle":1359,"icon":1359,"path":1503,"stem":1504,"children":1505,"page":40},"\u002Fdocs\u002Fcloud\u002F3.1\u002Fwebsockets","docs\u002Fcloud\u002F3.1\u002F07.websockets",[1506,1509,1513,1517],{"title":178,"path":1507,"stem":1508,"navTitle":1498,"icon":1359},"\u002Fdocs\u002Fcloud\u002F3.1\u002Fwebsockets\u002Farchitecture","docs\u002Fcloud\u002F3.1\u002F07.websockets\u002F01.architecture",{"title":190,"path":1510,"stem":1511,"navTitle":1512,"icon":1359},"\u002Fdocs\u002Fcloud\u002F3.1\u002Fwebsockets\u002Fmessages-onscreen","docs\u002Fcloud\u002F3.1\u002F07.websockets\u002F02.messages-onscreen","Onscreen Messages",{"title":182,"path":1514,"stem":1515,"navTitle":1516,"icon":1359},"\u002Fdocs\u002Fcloud\u002F3.1\u002Fwebsockets\u002Fmessages-offscreen","docs\u002Fcloud\u002F3.1\u002F07.websockets\u002F03.messages-offscreen","Offscreen Messages",{"title":144,"path":1518,"stem":1519,"navTitle":1359,"icon":1359},"\u002Fdocs\u002Fcloud\u002F3.1\u002Fwebsockets\u002Fconfiguration-ws","docs\u002Fcloud\u002F3.1\u002F07.websockets\u002F04.configuration-ws",{"title":197,"navTitle":1359,"icon":1359,"path":1521,"stem":1522,"children":1523,"page":40},"\u002Fdocs\u002Fcloud\u002F3.1\u002Fspecific","docs\u002Fcloud\u002F3.1\u002F08.specific",[1524,1528],{"title":202,"path":1525,"stem":1526,"navTitle":1359,"icon":1527},"\u002Fdocs\u002Fcloud\u002F3.1\u002Fspecific\u002Ftext-recognition-candidates","docs\u002Fcloud\u002F3.1\u002F08.specific\u002F01.text-recognition-candidates","i-tabler-tags",{"title":206,"path":1529,"stem":1530,"navTitle":1359,"icon":1531},"\u002Fdocs\u002Fcloud\u002F3.1\u002Fspecific\u002Fcustom-recognition","docs\u002Fcloud\u002F3.1\u002F08.specific\u002F02.custom-recognition","i-tabler-file-code",{"title":210,"navTitle":1359,"icon":1359,"path":1533,"stem":1534,"children":1535,"page":40},"\u002Fdocs\u002Fcloud\u002F3.1\u002Fserver","docs\u002Fcloud\u002F3.1\u002F09.server",[1536,1540,1544,1548,1552],{"title":215,"path":1537,"stem":1538,"navTitle":1539,"icon":1359},"\u002Fdocs\u002Fcloud\u002F3.1\u002Fserver\u002Fpreamble-prerequisites","docs\u002Fcloud\u002F3.1\u002F09.server\u002F01.preamble-prerequisites","Preamble and prerequisites",{"title":219,"path":1541,"stem":1542,"navTitle":1543,"icon":1359},"\u002Fdocs\u002Fcloud\u002F3.1\u002Fserver\u002Fmonoserver-installation","docs\u002Fcloud\u002F3.1\u002F09.server\u002F02.monoserver-installation","Monoserver installation",{"title":223,"path":1545,"stem":1546,"navTitle":1547,"icon":1359},"\u002Fdocs\u002Fcloud\u002F3.1\u002Fserver\u002Fproduction-installation","docs\u002Fcloud\u002F3.1\u002F09.server\u002F03.production-installation","Production installation",{"title":227,"path":1549,"stem":1550,"navTitle":1551,"icon":1359},"\u002Fdocs\u002Fcloud\u002F3.1\u002Fserver\u002Fserver-migration-guide","docs\u002Fcloud\u002F3.1\u002F09.server\u002F04.server-migration-guide","Server migration guide",{"title":231,"path":1553,"stem":1554,"navTitle":1555,"icon":1359},"\u002Fdocs\u002Fcloud\u002F3.1\u002Fserver\u002Fadministration-guide","docs\u002Fcloud\u002F3.1\u002F09.server\u002F05.administration-guide","Administration guide",{"title":139,"navTitle":1359,"icon":1359,"path":1557,"stem":1558,"children":1559,"page":40},"\u002Fdocs\u002Fcloud\u002F3.1\u002Freference","docs\u002Fcloud\u002F3.1\u002F10.reference",[1560],{"title":239,"path":1561,"stem":1562,"navTitle":1563,"icon":1564},"\u002Fdocs\u002Fcloud\u002F3.1\u002Freference\u002Fjiix","docs\u002Fcloud\u002F3.1\u002F10.reference\u002F01.jiix","JIIX","i-tabler-braces",{"id":1566,"title":1567,"body":1568,"canonicalPath":1359,"description":1627,"extension":1361,"icon":1404,"meta":1628,"navTitle":20,"navigation":669,"path":1629,"resolveKey":1359,"resolveVersion":1359,"seo":1630,"stem":1631,"__hash__":1632},"support\u002Fsupport\u002F01.index.md","Support",{"type":503,"value":1569,"toc":1625},[1570,1573],[506,1571,1572],{},"Find answers to common questions about integrating the iink SDK and MyScript Cloud APIs. Browse the topics below or reach out on the community forum.",[1574,1575,1576,1584,1592,1600,1608,1617],"card-group",{},[1577,1578,1581],"card",{"icon":1391,"title":1579,"to":1580},"Recognition assets","\u002Fsupport\u002Frecognition-assets\u002F",[506,1582,1583],{},"Download base assets and build custom resources to fine-tune the recognition.",[1577,1585,1589],{"icon":1586,"title":1587,"to":1588},"i-tabler-key","On-device license management","\u002Fsupport\u002Fon-device\u002Fon-device-license-management\u002F",[506,1590,1591],{},"Manage licenses for applications embedding the on-device iink SDK.",[1577,1593,1597],{"icon":1594,"title":1595,"to":1596},"i-tabler-user-circle","Registering with MyScript Cloud","\u002Fsupport\u002Fcloud\u002Fregistering-myscript-cloud\u002F",[506,1598,1599],{},"Create a Cloud account and obtain the keys to call our recognition APIs.",[1577,1601,1605],{"icon":1602,"title":1603,"to":1604},"i-tabler-rocket","Being production ready","\u002Fsupport\u002Fcloud\u002Fbeing-production-ready\u002F",[506,1606,1607],{},"Best practices and quotas to ship your iink Cloud integration to production.",[1577,1609,1614],{"icon":1610,"title":1611,"to":1612,"target":1613},"i-tabler-message-circle","Forums","https:\u002F\u002Fdeveloper-support.myscript.com\u002Fsupport\u002Flogin","_blank",[506,1615,1616],{},"Ask questions and get answers from the MyScript developer community.",[1577,1618,1622],{"icon":1619,"title":1620,"to":1621,"target":1613},"i-tabler-mail","Contact us","https:\u002F\u002Fwww.myscript.com\u002Fcontact\u002F",[506,1623,1624],{},"Can't find what you're looking for? Reach out to our team.",{"title":555,"searchDepth":611,"depth":611,"links":1626},[],"MyScript Developer Support hub",{},"\u002Fsupport",{"title":1567,"description":1627},"support\u002F01.index","jENFmcn55y_8r3_6pH5xxlH1dZJBwoAuq9F7gXQtow8",1792566615938]