cvs/docs/.vuepress/dist/assets/js/21.398a3e0c.js

A basic canvas framework for 2d drawing.

(window.webpackJsonp=window.webpackJsonp||[]).push([[21],{224:function(t,s,_){"use strict";_.r(s);var a=_(0),n=Object(a.a)({},function(){var t=this,s=t.$createElement,_=t._self._c||s;return _("div",{staticClass:"content"},[t._m(0),t._v(" "),t._m(1),t._v(" "),t._m(2),t._m(3),t._v(" "),_("p",[t._v("除了支持元素的"),_("router-link",{attrs:{to:"/docs/element.html#options"}},[t._v("基础属性")]),t._v("外，还支持以下属性：")],1),t._v(" "),t._m(4),t._v(" "),t._m(5),t._v(" "),t._m(6),_("ClientOnly",[_("c-text")],1)],1)},[function(){var t=this.$createElement,s=this._self._c||t;return s("h3",{attrs:{id:"text"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#text","aria-hidden":"true"}},[this._v("#")]),this._v(" Text")])},function(){var t=this.$createElement,s=this._self._c||t;return s("p",[this._v("绘制一个文本，"),s("code",[this._v("Text")]),this._v("继承自"),s("code",[this._v("Element")]),this._v("。")])},function(){var t=this,s=t.$createElement,_=t._self._c||s;return _("div",{staticClass:"language-js extra-class"},[_("pre",{pre:!0,attrs:{class:"language-js"}},[_("code",[_("span",{attrs:{class:"token keyword"}},[t._v("let")]),t._v(" element "),_("span",{attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),_("span",{attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),_("span",{attrs:{class:"token class-name"}},[t._v("Text")]),_("span",{attrs:{class:"token punctuation"}},[t._v("(")]),t._v("options"),_("span",{attrs:{class:"token punctuation"}},[t._v(")")]),_("span",{attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])])])},function(){var t=this.$createElement,s=this._self._c||t;return s("h3",{attrs:{id:"options"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#options","aria-hidden":"true"}},[this._v("#")]),this._v(" options")])},function(){var t=this,s=t.$createElement,_=t._self._c||s;return _("table",[_("thead",[_("tr",[_("th",[t._v("options.key")]),t._v(" "),_("th",[t._v("value")]),t._v(" "),_("th",[t._v("description")]),t._v(" "),_("th",[t._v("default")])])]),t._v(" "),_("tbody",[_("tr",[_("td",[t._v("text")]),t._v(" "),_("td",[t._v("String")]),t._v(" "),_("td",[t._v("规定文字的内容（"),_("code",[t._v("\\n")]),t._v("表示换行）")]),t._v(" "),_("td",[t._v("--")])]),t._v(" "),_("tr",[_("td",[t._v("textAlign")]),t._v(" "),_("td",[_("code",[t._v("left")]),t._v("|"),_("code",[t._v("center")]),t._v("|"),_("code",[t._v("right")])]),t._v(" "),_("td",[t._v("规定绘制文本时的对齐方式")]),t._v(" "),_("td",[_("code",[t._v("left")])])]),t._v(" "),_("tr",[_("td",[t._v("lineHeight")]),t._v(" "),_("td",[t._v("Number")]),t._v(" "),_("td",[t._v("规定文本的行高")]),t._v(" "),_("td",[t._v("字体大小的 1.2 倍")])]),t._v(" "),_("tr",[_("td",[t._v("font")]),t._v(" "),_("td",[t._v("String")]),t._v(" "),_("td",[t._v("规定文本内容的当前字体属性")]),t._v(" "),_("td",[_("code",[t._v("16px Arial")])])]),t._v(" "),_("tr",[_("td",[t._v("fill")]),t._v(" "),_("td",[t._v("String")]),t._v(" "),_("td",[t._v("设置用于填充绘画的颜色、渐变或模式")]),t._v(" "),_("td",[t._v("--")])]),t._v(" "),_("tr",[_("td",[t._v("stroke")]),t._v(" "),_("td",[t._v("String")]),t._v(" "),_("td",[t._v("设置用于笔触的颜色、渐变或模式")]),t._v(" "),_("td",[t._v("--")])]),t._v(" "),_("tr",[_("td",[t._v("lineWidth")]),t._v(" "),_("td",[t._v("Number")]),t._v(" "),_("td",[t._v("规定描边宽度")]),t._v(" "),_("td",[_("code",[t._v("1.0")])])]),t._v(" "),_("tr",[_("td",[t._v("opacity")]),t._v(" "),_("td",[t._v("Number")]),t._v(" "),_("td",[t._v("规定元素的透明度")]),t._v(" "),_("td",[_("code",[t._v("1.0")])])]),t._v(" "),_("tr",[_("td",[t._v("shadowColor")]),t._v(" "),_("td",[t._v("String")]),t._v(" "),_("td",[t._v("设置用于阴影的颜色")]),t._v(" "),_("td",[t._v("--")])]),t._v(" "),_("tr",[_("td",[t._v("shadowBlur")]),t._v(" "),_("td",[t._v("Number")]),t._v(" "),_("td",[t._v("设置用于阴影的模糊级别")]),t._v(" "),_("td",[t._v("--")])]),t._v(" "),_("tr",[_("td",[t._v("shadowOffsetX")]),t._v(" "),_("td",[t._v("Number")]),t._v(" "),_("td",[t._v("设置阴影距形状的水平距离")]),t._v(" "),_("td",[t._v("--")])]),t._v(" "),_("tr",[_("td",[t._v("shadowOffsetY")]),t._v(" "),_("td",[t._v("Number")]),t._v(" "),_("td",[t._v("设置阴影距形状的垂直距离")]),t._v(" "),_("td",[t._v("--")])])])])},function(){var t=this.$createElement,s=this._self._c||t;return s("h3",{attrs:{id:"example"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#example","aria-hidden":"true"}},[this._v("#")]),this._v(" example")])},function(){var t=this,s=t.$createElement,_=t._self._c||s;return _("div",{staticClass:"language-js extra-class"},[_("pre",{pre:!0,attrs:{class:"language-js"}},[_("code",[_("span",{attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),_("span",{attrs:{class:"token class-name"}},[t._v("Text")]),_("span",{attrs:{class:"token punctuation"}},[t._v("(")]),_("span",{attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n  text"),_("span",{attrs:{class:"token punctuation"}},[t._v(":")]),t._v(" "),_("span",{attrs:{class:"token string"}},[t._v('"hello\\nworld"')]),_("span",{attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n  x"),_("span",{attrs:{class:"token punctuation"}},[t._v(":")]),t._v(" "),_("span",{attrs:{class:"token number"}},[t._v("89")]),_("span",{attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n  y"),_("span",{attrs:{class:"token punctuation"}},[t._v(":")]),t._v(" "),_("span",{attrs:{class:"token number"}},[t._v("16")]),_("span",{attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n  font"),_("span",{attrs:{class:"token punctuation"}},[t._v(":")]),t._v(" "),_("span",{attrs:{class:"token string"}},[t._v('"48px serif"')]),_("span",{attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n  stroke"),_("span",{attrs:{class:"token punctuation"}},[t._v(":")]),t._v(" "),_("span",{attrs:{class:"token string"}},[t._v('"blue"')]),_("span",{attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n  fill"),_("span",{attrs:{class:"token punctuation"}},[t._v(":")]),t._v(" "),_("span",{attrs:{class:"token string"}},[t._v('"red"')]),t._v("\n"),_("span",{attrs:{class:"token punctuation"}},[t._v("}")]),_("span",{attrs:{class:"token punctuation"}},[t._v(")")]),_("span",{attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])])])}],!1,null,null,null);n.options.__file="text.md";s.default=n.exports}}]);