[{"data":1,"prerenderedAt":255},["ShallowReactive",2],{"quirekit-doc:\u002Fen\u002Fplugins\u002Freference\u002Fcanvas-view-extension":3},{"id":4,"title":5,"body":6,"description":12,"extension":242,"keywords":243,"locale":246,"meta":247,"navigation":248,"order":249,"path":250,"section":251,"seo":252,"stem":253,"__hash__":254},"docs\u002Fplugins\u002Freference\u002Fcanvas-view-extension.en.md","canvasViewExtension",{"type":7,"value":8,"toc":230},"minimark",[9,13,24,29,35,85,93,97,113,121,145,152,156,159,162,166,172,176,179,185,191,195,198,202,213,226],[10,11,12],"p",{},"Registers the canvas mounted runtime. Hosts still provide container geometry, base styles and a document model.",[10,14,15,19,20],{},[16,17,18],"code",{},"@quirekit\u002Fview"," · ",[21,22,23],"strong",{},"AGPL-3.0-only",[25,26,28],"h2",{"id":27},"editor-compatibility","Editor compatibility",[10,30,31,32],{},"Layer：",[21,33,34],{},"View integration",[36,37,38,54],"table",{},[39,40,41],"thead",{},[42,43,44,48,51],"tr",{},[45,46,47],"th",{},"Editor",[45,49,50],{},"Status",[45,52,53],{},"Assembly and boundaries",[55,56,57,74],"tbody",{},[42,58,59,63,66],{},[60,61,62],"td",{},"Classic",[60,64,65],{},"Supported",[60,67,68,73],{},[69,70,72],"a",{"href":71},"\u002Fen\u002Fplugins\u002Freference\u002Fclassic-editor-preset","classicEditorPreset"," — Classic presets already register Canvas and SVG. Select view.backend instead of registering a duplicate View in extensions.",[42,75,76,79,82],{},[60,77,78],{},"Block",[60,80,81],{},"Unsupported",[60,83,84],{},"This View is outside the product's current mounting contract. Independent Core hosts can select it through the View guide; adding the extension does not switch product form.",[10,86,87,88,92],{},"“Supported” means the product assembly above exists; interaction, host services and file formats retain their own conditions. See ",[69,89,91],{"href":90},"\u002Fen\u002Fplugins\u002Fcompatibility","status and integration rules",". Licensing is shown separately.",[25,94,96],{"id":95},"installation","Installation",[98,99,104],"pre",{"className":100,"code":101,"language":102,"meta":103,"style":103},"language-sh shiki shiki-themes github-light github-light github-dark","pnpm add @quirekit\u002Fview@alpha\n","sh","",[16,105,106],{"__ignoreMap":103},[107,108,111],"span",{"class":109,"line":110},"line",1,[107,112,101],{},[10,114,115,116,120],{},"Install in Editor extensions. The host supplies a view, container and persistence; see ",[69,117,119],{"href":118},"\u002Fen\u002Fguide\u002Fquick-start","Quick start",".",[98,122,126],{"className":123,"code":124,"language":125,"meta":103,"style":103},"language-ts shiki shiki-themes github-light github-light github-dark","import { canvasViewExtension } from '@quirekit\u002Fview'\n","ts",[16,127,128],{"__ignoreMap":103},[107,129,130,134,138,141],{"class":109,"line":110},[107,131,133],{"class":132},"sDD9d","import",[107,135,137],{"class":136},"sVPnS"," { canvasViewExtension } ",[107,139,140],{"class":132},"from",[107,142,144],{"class":143},"s-HEn"," '@quirekit\u002Fview'\n",[10,146,147,148,120],{},"Use compatible versions available from your distribution source. This site uses the Alpha workspace. License labels come from package metadata; see ",[69,149,151],{"href":150},"\u002Fen\u002Fsupport","support and licensing",[25,153,155],{"id":154},"integration-by-editor","Integration by editor",[10,157,158],{},"These snippets use an existing host element named element. The host owns container sizing and persistence; call instance.destroy() on teardown. Avoid duplicating preset capabilities and supply required host ports before installation.",[160,161],"plugin-integration",{"name":5},[25,163,165],{"id":164},"configuration","Configuration",[10,167,168,169,120],{},"These are extension-level defaults. Presets can override them; they are distinct from current document attributes. See ",[69,170,164],{"href":171},"\u002Fen\u002Fplugins\u002Fconfiguration",[173,174,175],"h3",{"id":175},"runtime",[10,177,178],{},"Runtime options applied when the editor mounts canvas mode.",[10,180,181,182],{},"Type：",[16,183,184],{},"CanvasMountedViewRuntimeOptions | undefined",[10,186,187,188],{},"Default：",[16,189,190],{},"undefined",[25,192,194],{"id":193},"commands-and-runtime","Commands and runtime",[10,196,197],{},"This entry declares no directly enumerable commands. Children supply bundle commands; product plugins use contributions or document services.",[25,199,201],{"id":200},"next-steps","Next steps",[10,203,204,205,209,210,212],{},"Return to ",[69,206,208],{"href":207},"\u002Fen\u002Fplugins","all plugins",", or read ",[69,211,164],{"href":171}," to distinguish options, attributes and commands.",[10,214,215,216,220,221,225],{},"See ",[69,217,219],{"href":218},"\u002Fen\u002Fbuild\u002Fextension","extension development"," for custom capabilities and ",[69,222,224],{"href":223},"\u002Fen\u002Fbuild","Build a product"," for complete hosting.",[227,228,229],"style",{},"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 .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 .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 .sDD9d, html code.shiki .sDD9d{--shiki-default:#D73A49;--shiki-light:#D73A49;--shiki-dark:#F97583}html pre.shiki code .sVPnS, html code.shiki .sVPnS{--shiki-default:#24292E;--shiki-light:#24292E;--shiki-dark:#E1E4E8}html pre.shiki code .s-HEn, html code.shiki .s-HEn{--shiki-default:#032F62;--shiki-light:#032F62;--shiki-dark:#9ECBFF}",{"title":103,"searchDepth":231,"depth":231,"links":232},2,[233,234,235,236,240,241],{"id":27,"depth":231,"text":28},{"id":95,"depth":231,"text":96},{"id":154,"depth":231,"text":155},{"id":164,"depth":231,"text":165,"children":237},[238],{"id":175,"depth":239,"text":175},3,{"id":193,"depth":231,"text":194},{"id":200,"depth":231,"text":201},"md",[5,18,244,245,175,5],"Canvas 视图","views","en",{"navigationTitle":5,"license":23},true,21,"\u002Fen\u002Fplugins\u002Freference\u002Fcanvas-view-extension","View adapters",{"title":5,"description":12},"plugins\u002Freference\u002Fcanvas-view-extension.en","xvgyguxebJnjyGuGjfFaLWKI6dO2ntr16z4W5Bfld-U",1793045229277]