vislite 0.4.1-alpha.1 → 0.4.1-beta.0

package/lib/Canvas/index.umd.min.js

@@ -1,11 +1,11 @@
 /*!
-* VISLite JavaScript Library v0.4.1-alpha.1
+* VISLite JavaScript Library v0.4.1-beta.0
 * git+https://github.com/oi-contrib/VISLite.git
 *
 * Copyright zxl20070701
 * Released under the MIT license
 * https://zxl20070701.github.io/notebook/home.html
 * 
-* Publish Date:  Tue Aug 08 2023 19:08:50 GMT+0800 (中国标准时间)
+* Publish Date:  Wed Aug 23 2023 22:06:27 GMT+0800 (中国标准时间)
 */
-var t,i;t=this,i=function(){"use strict";var t=function(i,e){return t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,i){t.__proto__=i}||function(t,i){for(var e in i)Object.prototype.hasOwnProperty.call(i,e)&&(t[e]=i[e])},t(i,e)};function i(i,e){if("function"!=typeof e&&null!==e)throw new TypeError("Class extends value "+String(e)+" is not a constructor or null");function r(){this.constructor=i}t(i,e),i.prototype=null===e?Object.create(e):(r.prototype=e.prototype,new r)}"function"==typeof SuppressedError&&SuppressedError;var e=function(t,i,e,r,n){var o=Math.cos(e),s=Math.sin(e);return[+((r-t)*o-(n-i)*s+t).toFixed(7),+((r-t)*s+(n-i)*o+i).toFixed(7)]},r=function(t,i,e,r,n){return t.beginPath(),t.translate(e,r),t.rotate(n),t.font=i.fontStyle+" "+i.fontWeight+" "+i.fontSize+"px "+i.fontFamily,t},n=function(t,i,r,n,o,s,a,h){if(o>s){var l=o;o=s,s=l}return a%=2*Math.PI,h>=1.999999*Math.PI||h<=1.999999*-Math.PI?h=2*Math.PI:h%=2*Math.PI,function(t,i,r,n,o,s,a){i<0&&(t+=i,i*=-1);var h,l=[];h=e(0,0,t,o,0),l[0]=h[0],l[1]=h[1],h=e(0,0,i,h[0],h[1]),l[2]=h[0],l[3]=h[1],h=e(0,0,t,s,0),l[4]=h[0],l[5]=h[1],h=e(0,0,i,h[0],h[1]),l[6]=h[0],l[7]=h[1],a(t,t+i,l[0]+r,l[1]+n,l[4]+r,l[5]+n,l[2]+r,l[3]+n,l[6]+r,l[7]+n,.5*(s-o))}(a,h,r,n,o,s,(function(e,a,h,l,p,_,u,f,c,g,v){v<0&&(v=-v),t.beginPath(),t.moveTo(h,l),t.arc(r,n,o,e,a,!1),"round"==i.arcEndCap?t.arc(.5*(u+c),.5*(f+g),v,a-Math.PI,a,!0):"-round"==i.arcEndCap?t.arc(.5*(u+c),.5*(f+g),v,a-Math.PI,a,!1):t.lineTo(c,g),t.arc(r,n,s,a,e,!0),"round"==i.arcStartCap?t.arc(.5*(h+p),.5*(l+_),v,e,e-Math.PI,!0):"-round"==i.arcStartCap?t.arc(.5*(h+p),.5*(l+_),v,e,e-Math.PI,!1):t.lineTo(h,l)})),"butt"==i.arcStartCap&&t.closePath(),t},o=function(t,i,e,r){return t.beginPath(),t.moveTo(i+r,e),t.arc(i,e,r,0,2*Math.PI),t},s=function(t,i,e,r,n){return t.beginPath(),t.rect(i,e,r,n),t};function a(t,i,e,r,n){for(var o=0,s="",a=0;a<i.length;a++)t.measureText(s+i[a]).width>e?(n(s,((o+=1)-.5)*r),s=i[a]):a==i.length-1?(o+=1,n(s+i[a],(o-.5)*r)):s+=i[a];return o*r}var h=function(){function t(t,i,e){void 0===i&&(i={}),this.__region=null,this.__specialConfig={fontSize:16,fontFamily:"sans-serif",fontWeight:400,fontStyle:"normal",arcStartCap:"butt",arcEndCap:"butt"},this.__initConfig={fillStyle:"black",strokeStyle:"black",lineWidth:1,textAlign:"left",textBaseline:"middle",lineDash:[],shadowBlur:0,shadowColor:"black"},this.painter=t.getContext("2d",i),this.__region=e,this.painter.textBaseline="middle",this.painter.textAlign="left"}return t.prototype.useConfig=function(t,i){if(this.__region&&["fillStyle","strokeStyle","shadowBlur","shadowColor"].indexOf(t)<0&&this.__region.useConfig(t,i),"lineDash"==t)this.painter.setLineDash&&this.painter.setLineDash(i);else if(t in this.__specialConfig)"fontSize"==t&&(i=Math.round(i)),this.__specialConfig[t]=i;else{if(!(t in this.__initConfig))throw new Error("Illegal configuration item of painter : "+t+" !");this.painter[t]=i}return this},t.prototype.fillText=function(t,i,e,n){return void 0===n&&(n=0),this.__region&&this.__region.fillText(t,i,e,n),this.painter.save(),r(this.painter,this.__specialConfig,i,e,n).fillText(t,0,0),this.painter.restore(),this},t.prototype.strokeText=function(t,i,e,n){return void 0===n&&(n=0),this.__region&&this.__region.strokeText(t,i,e,n),this.painter.save(),r(this.painter,this.__specialConfig,i,e,n).strokeText(t,0,0),this.painter.restore(),this},t.prototype.fullText=function(t,i,e,n){return void 0===n&&(n=0),this.__region&&this.__region.fullText(t,i,e,n),this.painter.save(),r(this.painter,this.__specialConfig,i,e,n),this.painter.fillText(t,0,0),this.painter.strokeText(t,0,0),this.painter.restore(),this},t.prototype.fillTexts=function(t,i,e,n,o,s){var h=this;void 0===o&&(o=1.2),void 0===s&&(s=0),this.__region&&this.__region.fillTexts(t,i,e,n,o),this.painter.save(),r(this.painter,this.__specialConfig,i,e,s);var l=a(this.painter,t,n,this.__specialConfig.fontSize*o,(function(t,i){h.painter.fillText(t,0,i)}));return this.painter.restore(),l},t.prototype.strokeTexts=function(t,i,e,n,o,s){var h=this;void 0===o&&(o=1.2),void 0===s&&(s=0),this.__region&&this.__region.fillTexts(t,i,e,n,o),this.painter.save(),r(this.painter,this.__specialConfig,i,e,s);var l=a(this.painter,t,n,this.__specialConfig.fontSize*o,(function(t,i){h.painter.strokeText(t,0,i)}));return this.painter.restore(),l},t.prototype.fullTexts=function(t,i,e,n,o,s){var h=this;void 0===o&&(o=1.2),void 0===s&&(s=0),this.__region&&this.__region.fillTexts(t,i,e,n,o),this.painter.save(),r(this.painter,this.__specialConfig,i,e,s);var l=a(this.painter,t,n,this.__specialConfig.fontSize*o,(function(t,i){h.painter.fillText(t,0,i),h.painter.strokeText(t,0,i)}));return this.painter.restore(),l},t.prototype.beginPath=function(){return this.__region&&this.__region.beginPath(),this.painter.beginPath(),this},t.prototype.closePath=function(){return this.__region&&this.__region.closePath(),this.painter.closePath(),this},t.prototype.moveTo=function(t,i){return this.__region&&this.__region.moveTo(t,i),this.painter.moveTo(Math.round(t)+.5,Math.round(i)+.5),this},t.prototype.lineTo=function(t,i){return this.__region&&this.__region.lineTo(t,i),this.painter.lineTo(Math.round(t)+.5,Math.round(i)+.5),this},t.prototype.arc=function(t,i,e,r,n){return this.__region&&this.__region.arc(t,i,e,r,n),this.painter.arc(t,i,e,r,r+n,n<0),this},t.prototype.fill=function(){return this.__region&&this.__region.fill(),this.painter.fill(),this},t.prototype.stroke=function(){return this.__region&&this.__region.stroke(),this.painter.stroke(),this},t.prototype.full=function(){return this.__region&&this.__region.full(),this.painter.fill(),this.painter.stroke(),this},t.prototype.save=function(){return this.__region&&this.__region.save(),this.painter.save(),this},t.prototype.restore=function(){return this.__region&&this.__region.restore(),this.painter.restore(),this},t.prototype.clip=function(){return this.__region&&this.__region.clip(),this.painter.clip(),this},t.prototype.quadraticCurveTo=function(t,i,e,r){return this.__region&&this.__region.quadraticCurveTo(t,i,e,r),this.painter.quadraticCurveTo(t,i,e,r),this},t.prototype.bezierCurveTo=function(t,i,e,r,n,o){return this.__region&&this.__region.bezierCurveTo(t,i,e,r,n,o),this.painter.bezierCurveTo(t,i,e,r,n,o),this},t.prototype.clearRect=function(t,i,e,r){return this.__region&&this.__region.clearRect(t,i,e,r),this.painter.clearRect(t,i,e,r),this},t.prototype.fillArc=function(t,i,e,r,o,s){return this.__region&&this.__region.fillArc(t,i,e,r,o,s),n(this.painter,this.__specialConfig,t,i,e,r,o,s).fill(),this},t.prototype.strokeArc=function(t,i,e,r,o,s){return this.__region&&this.__region.strokeArc(t,i,e,r,o,s),n(this.painter,this.__specialConfig,t,i,e,r,o,s).stroke(),this},t.prototype.fullArc=function(t,i,e,r,o,s){return this.__region&&this.__region.fullArc(t,i,e,r,o,s),n(this.painter,this.__specialConfig,t,i,e,r,o,s),this.painter.fill(),this.painter.stroke(),this},t.prototype.fillCircle=function(t,i,e){return this.__region&&this.__region.fillCircle(t,i,e),o(this.painter,t,i,e).fill(),this},t.prototype.strokeCircle=function(t,i,e){return this.__region&&this.__region.strokeCircle(t,i,e),o(this.painter,t,i,e).stroke(),this},t.prototype.fullCircle=function(t,i,e){return this.__region&&this.__region.fullCircle(t,i,e),o(this.painter,t,i,e),this.painter.fill(),this.painter.stroke(),this},t.prototype.fillRect=function(t,i,e,r){return this.__region&&this.__region.fillRect(t,i,e,r),s(this.painter,t,i,e,r).fill(),this},t.prototype.strokeRect=function(t,i,e,r){return this.__region&&this.__region.strokeRect(t,i,e,r),s(this.painter,t,i,e,r).stroke(),this},t.prototype.fullRect=function(t,i,e,r){return this.__region&&this.__region.fullRect(t,i,e,r),s(this.painter,t,i,e,r),this.painter.fill(),this.painter.stroke(),this},t}(),l={"font-size":"fontSize","font-family":"fontFamily","font-weight":"fontWeight","font-style":"fontStyle","arc-start-cap":"arcStartCap","arc-end-cap":"arcEndCap"},p=function(t){function e(i,e){var r=t.call(this,i,{},new h(e,{willReadFrequently:!0}))||this;return r.name="Canvas",r.__regionList={},r.__regionAssemble=function(t,i,e,r){for(var n=[],o=0;o<r;o++)n[o]=t;return function(){for(var o=0;o<r;o++){if(n[o]+e<i){n[o]=+(n[o]+e).toFixed(7);break}o<r-1&&(n[o]=t)}return n}}(0,255,10,3),r.setRegion(""),r}return i(e,t),e.prototype.config=function(t){for(var i in t){var e=l[i]||i;this.useConfig(e,t[i])}return this},e.prototype.setRegion=function(t){if(t){if(null==this.__regionList[t]){var i=this.__regionAssemble();this.__regionList[t]="rgb("+i[0]+","+i[1]+","+i[2]+")"}this.__region.useConfig("fillStyle",this.__regionList[t])&&this.__region.useConfig("strokeStyle",this.__regionList[t])}else this.__region.useConfig("fillStyle","#000000")&&this.__region.useConfig("strokeStyle","#000000");return this},e.prototype.getRegion=function(t,i){var e=this;return new Promise((function(r,n){var o=e.__region.painter.getImageData(t-.5,i-.5,1,1),s=o.data,a=function(){for(var t in e.__regionList)if("rgb("+s[0]+","+s[1]+","+s[2]+")"==e.__regionList[t]){r(t);break}r("")};s?a():o.then((function(t){s=t,a()}))}))},e.prototype.textWidth=function(t){this.painter.save(),r(this.painter,this.__specialConfig,0,0,0);var i=this.painter.measureText(t+"").width;return this.painter.restore(),i},e.prototype.getContext=function(t){return void 0===t&&(t=!1),t?this.__region.painter:this.painter},e.prototype.createLinearGradient=function(t,i,e,r){return function(t,i,e,r,n){var o=t.createLinearGradient(i,e,r,n),s={value:function(){return o},setColor:function(t,i){return o.addColorStop(t,i),s}};return s}(this.painter,t,i,e,r)},e.prototype.createRadialGradient=function(t,i,e){return function(t,i,e,r){var n=t.createRadialGradient(i,e,0,i,e,r),o={value:function(){return n},setColor:function(t,i){return n.addColorStop(t,i),o}};return o}(this.painter,t,i,e)},e.prototype.getColor=function(t,i){var e=this.painter.getImageData(t-.5,i-.5,1,1).data;return"rgba("+e[0]+","+e[1]+","+e[2]+","+e[3]+")"},e}(h);return function(t){function e(i){var e=this;if(!i)throw new Error("VISLite Canvas:The mount point requires an HTMLElement type but encountered null.");var r,n,o=i.clientWidth,s=i.clientHeight,a=i;a._vislite_canvas_?(r=a._vislite_canvas_[0],n=a._vislite_canvas_[1]):(r=document.createElement("canvas"),i.appendChild(r),n=document.createElement("canvas"),a._vislite_canvas_=[r,n],i.setAttribute("vislite","Canvas"));for(var h=0,l=[r,n];h<l.length;h++){var p=l[h];p.style.width=o+"px",p.setAttribute("width",o+""),p.style.height=s+"px",p.setAttribute("height",s+"")}return(e=t.call(this,r,n)||this).__canvas=r,e}return i(e,t),e.prototype.toDataURL=function(){var t=this;return new Promise((function(i){i(t.__canvas.toDataURL())}))},e}(p)},"object"==typeof exports&&"undefined"!=typeof module?module.exports=i():"function"==typeof define&&define.amd?define(i):(t="undefined"!=typeof globalThis?globalThis:t||self).VISLite_Canvas=i();
+var t,i;t=this,i=function(){"use strict";var t=function(i,e){return t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,i){t.__proto__=i}||function(t,i){for(var e in i)Object.prototype.hasOwnProperty.call(i,e)&&(t[e]=i[e])},t(i,e)};function i(i,e){if("function"!=typeof e&&null!==e)throw new TypeError("Class extends value "+String(e)+" is not a constructor or null");function n(){this.constructor=i}t(i,e),i.prototype=null===e?Object.create(e):(n.prototype=e.prototype,new n)}"function"==typeof SuppressedError&&SuppressedError;var e=function(t,i,e,n,r){var o=Math.cos(e),s=Math.sin(e);return[+((n-t)*o-(r-i)*s+t).toFixed(7),+((n-t)*s+(r-i)*o+i).toFixed(7)]},n=function(t,i,e,n,r){return t.beginPath(),t.translate(e,n),t.rotate(r),t.font=i.fontStyle+" "+i.fontWeight+" "+i.fontSize+"px "+i.fontFamily,t},r=function(t,i,n,r,o,s,a,_){if(o>s){var h=o;o=s,s=h}return a%=2*Math.PI,_>=1.999999*Math.PI||_<=1.999999*-Math.PI?_=2*Math.PI:_%=2*Math.PI,function(t,i,n,r,o,s,a){i<0&&(t+=i,i*=-1);var _,h=[];_=e(0,0,t,o,0),h[0]=_[0],h[1]=_[1],_=e(0,0,i,_[0],_[1]),h[2]=_[0],h[3]=_[1],_=e(0,0,t,s,0),h[4]=_[0],h[5]=_[1],_=e(0,0,i,_[0],_[1]),h[6]=_[0],h[7]=_[1],a(t,t+i,h[0]+n,h[1]+r,h[4]+n,h[5]+r,h[2]+n,h[3]+r,h[6]+n,h[7]+r,.5*(s-o))}(a,_,n,r,o,s,(function(e,a,_,h,l,p,u,f,c,g,y){y<0&&(y=-y),t.beginPath(),t.moveTo(_,h),t.arc(n,r,o,e,a,!1),"round"==i.arcEndCap?t.arc(.5*(u+c),.5*(f+g),y,a-Math.PI,a,!0):"-round"==i.arcEndCap?t.arc(.5*(u+c),.5*(f+g),y,a-Math.PI,a,!1):t.lineTo(c,g),t.arc(n,r,s,a,e,!0),"round"==i.arcStartCap?t.arc(.5*(_+l),.5*(h+p),y,e,e-Math.PI,!0):"-round"==i.arcStartCap?t.arc(.5*(_+l),.5*(h+p),y,e,e-Math.PI,!1):t.lineTo(_,h)})),"butt"==i.arcStartCap&&t.closePath(),t},o=function(t,i,e,n){return t.beginPath(),t.moveTo(i+n,e),t.arc(i,e,n,0,2*Math.PI),t},s=function(t,i,e,n,r){return t.beginPath(),t.rect(i,e,n,r),t};function a(t,i,e,n,r){for(var o=0,s="",a=0;a<i.length;a++)t.measureText(s+i[a]).width>e||/\n$/.test(s)?(r(s,((o+=1)-.5)*n),s=i[a]):a==i.length-1?(o+=1,r(s+i[a],(o-.5)*n)):s+=i[a];return o*n}var _=function(){function t(t,i,e,n){void 0===i&&(i={}),void 0===n&&(n=!1),this.__region=null,this.__onlyRegion=!1,this.__specialConfig={fontSize:16,fontFamily:"sans-serif",fontWeight:400,fontStyle:"normal",arcStartCap:"butt",arcEndCap:"butt"},this.__initConfig={fillStyle:"black",strokeStyle:"black",lineWidth:1,textAlign:"left",textBaseline:"middle",lineDash:[],shadowBlur:0,shadowColor:"black"},this.painter=t.getContext("2d",i),this.__region=e,this.__isPainter=n,this.painter.textBaseline="middle",this.painter.textAlign="left"}return t.prototype.useConfig=function(t,i){if(this.__region&&["fillStyle","strokeStyle","shadowBlur","shadowColor"].indexOf(t)<0&&this.__region.useConfig(t,i),this.__isPainter&&this.__onlyRegion)return this;if("lineDash"==t)this.painter.setLineDash&&this.painter.setLineDash(i);else if(t in this.__specialConfig)"fontSize"==t&&(i=Math.round(i)),this.__specialConfig[t]=i;else{if(!(t in this.__initConfig))throw new Error("Illegal configuration item of painter : "+t+" !");this.painter[t]=i}return this},t.prototype.fillText=function(t,i,e,r){return void 0===r&&(r=0),this.__region&&this.__region.fillText(t,i,e,r),this.__isPainter&&this.__onlyRegion||(this.painter.save(),n(this.painter,this.__specialConfig,i,e,r).fillText(t,0,0),this.painter.restore()),this},t.prototype.strokeText=function(t,i,e,r){return void 0===r&&(r=0),this.__region&&this.__region.strokeText(t,i,e,r),this.__isPainter&&this.__onlyRegion||(this.painter.save(),n(this.painter,this.__specialConfig,i,e,r).strokeText(t,0,0),this.painter.restore()),this},t.prototype.fullText=function(t,i,e,r){return void 0===r&&(r=0),this.__region&&this.__region.fullText(t,i,e,r),this.__isPainter&&this.__onlyRegion||(this.painter.save(),n(this.painter,this.__specialConfig,i,e,r),this.painter.fillText(t,0,0),this.painter.strokeText(t,0,0),this.painter.restore()),this},t.prototype.fillTexts=function(t,i,e,r,o,s){var _=this;void 0===o&&(o=1.2),void 0===s&&(s=0);var h=0;if(this.__region&&(h=this.__region.fillTexts(t,i,e,r,o)),this.__isPainter&&this.__onlyRegion)return h;this.painter.save(),n(this.painter,this.__specialConfig,i,e,s);var l=a(this.painter,t,r,this.__specialConfig.fontSize*o,(function(t,i){_.painter.fillText(t,0,i)}));return this.painter.restore(),l},t.prototype.strokeTexts=function(t,i,e,r,o,s){var _=this;void 0===o&&(o=1.2),void 0===s&&(s=0);var h=0;if(this.__region&&(h=this.__region.fillTexts(t,i,e,r,o)),this.__isPainter&&this.__onlyRegion)return h;this.painter.save(),n(this.painter,this.__specialConfig,i,e,s);var l=a(this.painter,t,r,this.__specialConfig.fontSize*o,(function(t,i){_.painter.strokeText(t,0,i)}));return this.painter.restore(),l},t.prototype.fullTexts=function(t,i,e,r,o,s){var _=this;void 0===o&&(o=1.2),void 0===s&&(s=0);var h=0;if(this.__region&&(h=this.__region.fillTexts(t,i,e,r,o)),this.__isPainter&&this.__onlyRegion)return h;this.painter.save(),n(this.painter,this.__specialConfig,i,e,s);var l=a(this.painter,t,r,this.__specialConfig.fontSize*o,(function(t,i){_.painter.fillText(t,0,i),_.painter.strokeText(t,0,i)}));return this.painter.restore(),l},t.prototype.beginPath=function(){return this.__region&&this.__region.beginPath(),this.__isPainter&&this.__onlyRegion||this.painter.beginPath(),this},t.prototype.closePath=function(){return this.__region&&this.__region.closePath(),this.__isPainter&&this.__onlyRegion||this.painter.closePath(),this},t.prototype.moveTo=function(t,i){return this.__region&&this.__region.moveTo(t,i),this.__isPainter&&this.__onlyRegion||this.painter.moveTo(Math.round(t)+.5,Math.round(i)+.5),this},t.prototype.lineTo=function(t,i){return this.__region&&this.__region.lineTo(t,i),this.__isPainter&&this.__onlyRegion||this.painter.lineTo(Math.round(t)+.5,Math.round(i)+.5),this},t.prototype.arc=function(t,i,e,n,r){return this.__region&&this.__region.arc(t,i,e,n,r),this.__isPainter&&this.__onlyRegion||this.painter.arc(t,i,e,n,n+r,r<0),this},t.prototype.fill=function(){return this.__region&&this.__region.fill(),this.__isPainter&&this.__onlyRegion||this.painter.fill(),this},t.prototype.stroke=function(){return this.__region&&this.__region.stroke(),this.__isPainter&&this.__onlyRegion||this.painter.stroke(),this},t.prototype.full=function(){return this.__region&&this.__region.full(),this.__isPainter&&this.__onlyRegion||(this.painter.fill(),this.painter.stroke()),this},t.prototype.save=function(){return this.__region&&this.__region.save(),this.__isPainter&&this.__onlyRegion||this.painter.save(),this},t.prototype.restore=function(){return this.__region&&this.__region.restore(),this.__isPainter&&this.__onlyRegion||this.painter.restore(),this},t.prototype.clip=function(){return this.__region&&this.__region.clip(),this.__isPainter&&this.__onlyRegion||this.painter.clip(),this},t.prototype.quadraticCurveTo=function(t,i,e,n){return this.__region&&this.__region.quadraticCurveTo(t,i,e,n),this.__isPainter&&this.__onlyRegion||this.painter.quadraticCurveTo(t,i,e,n),this},t.prototype.bezierCurveTo=function(t,i,e,n,r,o){return this.__region&&this.__region.bezierCurveTo(t,i,e,n,r,o),this.__isPainter&&this.__onlyRegion||this.painter.bezierCurveTo(t,i,e,n,r,o),this},t.prototype.clearRect=function(t,i,e,n){return this.__region&&this.__region.clearRect(t,i,e,n),this.__isPainter&&this.__onlyRegion||this.painter.clearRect(t,i,e,n),this},t.prototype.fillArc=function(t,i,e,n,o,s){return this.__region&&this.__region.fillArc(t,i,e,n,o,s),this.__isPainter&&this.__onlyRegion||r(this.painter,this.__specialConfig,t,i,e,n,o,s).fill(),this},t.prototype.strokeArc=function(t,i,e,n,o,s){return this.__region&&this.__region.strokeArc(t,i,e,n,o,s),this.__isPainter&&this.__onlyRegion||r(this.painter,this.__specialConfig,t,i,e,n,o,s).stroke(),this},t.prototype.fullArc=function(t,i,e,n,o,s){return this.__region&&this.__region.fullArc(t,i,e,n,o,s),this.__isPainter&&this.__onlyRegion||(r(this.painter,this.__specialConfig,t,i,e,n,o,s),this.painter.fill(),this.painter.stroke()),this},t.prototype.fillCircle=function(t,i,e){return this.__region&&this.__region.fillCircle(t,i,e),this.__isPainter&&this.__onlyRegion||o(this.painter,t,i,e).fill(),this},t.prototype.strokeCircle=function(t,i,e){return this.__region&&this.__region.strokeCircle(t,i,e),this.__isPainter&&this.__onlyRegion||o(this.painter,t,i,e).stroke(),this},t.prototype.fullCircle=function(t,i,e){return this.__region&&this.__region.fullCircle(t,i,e),this.__isPainter&&this.__onlyRegion||(o(this.painter,t,i,e),this.painter.fill(),this.painter.stroke()),this},t.prototype.fillRect=function(t,i,e,n){return this.__region&&this.__region.fillRect(t,i,e,n),this.__isPainter&&this.__onlyRegion||s(this.painter,t,i,e,n).fill(),this},t.prototype.strokeRect=function(t,i,e,n){return this.__region&&this.__region.strokeRect(t,i,e,n),this.__isPainter&&this.__onlyRegion||s(this.painter,t,i,e,n).stroke(),this},t.prototype.fullRect=function(t,i,e,n){return this.__region&&this.__region.fullRect(t,i,e,n),this.__isPainter&&this.__onlyRegion||(s(this.painter,t,i,e,n),this.painter.fill(),this.painter.stroke()),this},t.prototype.draw=function(){},t}(),h={"font-size":"fontSize","font-family":"fontFamily","font-weight":"fontWeight","font-style":"fontStyle","arc-start-cap":"arcStartCap","arc-end-cap":"arcEndCap"},l=function(t){function e(i,e){var n=t.call(this,i,{},e?new _(e,{willReadFrequently:!0}):null,!0)||this;return n.name="Canvas",n.__regionList={},n.__regionAssemble=function(t,i,e,n){for(var r=[],o=0;o<n;o++)r[o]=t;return function(){for(var o=0;o<n;o++){if(r[o]+e<i){r[o]=+(r[o]+e).toFixed(7);break}o<n-1&&(r[o]=t)}return r}}(0,255,10,3),n.setRegion(""),n}return i(e,t),e.prototype.config=function(t){for(var i in t){var e=h[i]||i;this.useConfig(e,t[i])}return this},e.prototype.onlyRegion=function(t){return this.__onlyRegion=t,this},e.prototype.setRegion=function(t){if(this.__region)if(t){if(null==this.__regionList[t]){var i=this.__regionAssemble();this.__regionList[t]="rgb("+i[0]+","+i[1]+","+i[2]+")"}this.__region.useConfig("fillStyle",this.__regionList[t])&&this.__region.useConfig("strokeStyle",this.__regionList[t])}else this.__region.useConfig("fillStyle","#000000")&&this.__region.useConfig("strokeStyle","#000000");return this},e.prototype.getRegion=function(t,i){var e=this;return new Promise((function(n,r){var o=e.__region?e.__region.painter.getImageData(t-.5,i-.5,1,1):{data:[0,0,0,0]},s=o.data,a=function(){if(e.__region)for(var t in e.__regionList)if("rgb("+s[0]+","+s[1]+","+s[2]+")"==e.__regionList[t]){n(t);break}n("")};s?a():o.then((function(t){s=t,a()}))}))},e.prototype.textWidth=function(t){this.painter.save(),n(this.painter,this.__specialConfig,0,0,0);var i=this.painter.measureText(t+"").width;return this.painter.restore(),i},e.prototype.getContext=function(t){return void 0===t&&(t=!1),t?this.__region?this.__region.painter:null:this.painter},e.prototype.createLinearGradient=function(t,i,e,n){return function(t,i,e,n,r){var o=t.createLinearGradient(i,e,n,r),s={value:function(){return o},setColor:function(t,i){return o.addColorStop(t,i),s}};return s}(this.painter,t,i,e,n)},e.prototype.createRadialGradient=function(t,i,e){return function(t,i,e,n){var r=t.createRadialGradient(i,e,0,i,e,n),o={value:function(){return r},setColor:function(t,i){return r.addColorStop(t,i),o}};return o}(this.painter,t,i,e)},e.prototype.getColor=function(t,i){var e=this.painter.getImageData(t-.5,i-.5,1,1).data;return"rgba("+e[0]+","+e[1]+","+e[2]+","+e[3]+")"},e}(_);return function(t){function e(i,e){void 0===e&&(e={});var n=this;if(!i)throw new Error("VISLite Canvas:The mount point requires an HTMLElement type but encountered null.");e=function(t,i){for(var e in t)i[e]=t[e];return i}(e,{region:!0});var r,o,s=i.clientWidth,a=i.clientHeight,_=i;_._vislite_canvas_?(r=_._vislite_canvas_[0],o=_._vislite_canvas_[1]):(r=document.createElement("canvas"),i.appendChild(r),e.region&&(o=document.createElement("canvas")),_._vislite_canvas_=[r,o],i.setAttribute("vislite","Canvas"));for(var h=0,l=[r,o];h<l.length;h++){var p=l[h];p&&(p.style.width=s+"px",p.setAttribute("width",s+""),p.style.height=a+"px",p.setAttribute("height",a+""))}return(n=t.call(this,r,o)||this).__canvas=r,n}return i(e,t),e.prototype.toDataURL=function(){var t=this;return new Promise((function(i){i(t.__canvas.toDataURL())}))},e}(l)},"object"==typeof exports&&"undefined"!=typeof module?module.exports=i():"function"==typeof define&&define.amd?define(i):(t="undefined"!=typeof globalThis?globalThis:t||self).VISLite_Canvas=i();

package/lib/Cardinal/index.umd.js

@@ -1,12 +1,12 @@
 /*!
-* VISLite JavaScript Library v0.4.1-alpha.1
+* VISLite JavaScript Library v0.4.1-beta.0
 * git+https://github.com/oi-contrib/VISLite.git
 *
 * Copyright zxl20070701
 * Released under the MIT license
 * https://zxl20070701.github.io/notebook/home.html
 * 
-* Publish Date:  Tue Aug 08 2023 19:08:50 GMT+0800 (中国标准时间)
+* Publish Date:  Wed Aug 23 2023 22:06:27 GMT+0800 (中国标准时间)
 */
 (function (global, factory) {
     typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :

package/lib/Cardinal/index.umd.min.js

@@ -1,11 +1,11 @@
 /*!
-* VISLite JavaScript Library v0.4.1-alpha.1
+* VISLite JavaScript Library v0.4.1-beta.0
 * git+https://github.com/oi-contrib/VISLite.git
 *
 * Copyright zxl20070701
 * Released under the MIT license
 * https://zxl20070701.github.io/notebook/home.html
 * 
-* Publish Date:  Tue Aug 08 2023 19:08:50 GMT+0800 (中国标准时间)
+* Publish Date:  Wed Aug 23 2023 22:06:27 GMT+0800 (中国标准时间)
 */
 var t,i;t=this,i=function(){"use strict";var t=function(){function t(t){void 0===t&&(t=.5),this.name="Hermite",this.__u=t}return t.prototype.setP=function(t,i,_,h,s,e){if(!(t<_))throw new Error("The point x-position should be increamented!");this.__a=t,this.__b=_;var n=this.__u*s,o=this.__u*e;return i/=_-t,h/=_-t,this.__MR=[2*i-2*h+n+o,3*h-3*i-2*n-o,n,i],this},t.prototype.use=function(t){if(this.__MR){var i=(t-this.__a)/(this.__b-this.__a),_=i*i;return(i*_*this.__MR[0]+_*this.__MR[1]+i*this.__MR[2]+this.__MR[3])*(this.__b-this.__a)}throw new Error("You shoud first set the position!")},t}();return function(){function i(t){void 0===t&&(t=0),this.name="Cardinal",this.__t=t}return i.prototype.setP=function(i){this.__HS={x:[],h:[]};var _,h,s=(i[1][1]-i[0][1])/(i[1][0]-i[0][0]);for(this.__HS.x[0]=i[0][0],_=1;_<i.length;_++){if(i[_][0]<=i[_-1][0])throw new Error("The point position should be increamented!");this.__HS.x[_]=i[_][0],h=_<i.length-1?i[_+1][1]>i[_][1]&&i[_-1][1]>i[_][1]||i[_+1][1]<i[_][1]&&i[_-1][1]<i[_][1]||i[_+1][1]==i[_][1]||i[_-1][1]==i[_][1]?0:(i[_+1][1]-i[_-1][1])/(i[_+1][0]-i[_-1][0]):(i[_][1]-i[_-1][1])/(i[_][0]-i[_-1][0]),this.__HS.h[_-1]=new t(.5*(1-this.__t)).setP(i[_-1][0],i[_-1][1],i[_][0],i[_][1],s,h),s=h}return this},i.prototype.use=function(t){if(this.__HS){for(this.__i=-1;this.__i+1<this.__HS.x.length&&(t>this.__HS.x[this.__i+1]||-1==this.__i&&t>=this.__HS.x[this.__i+1]);)this.__i+=1;return this.__i<0?this.__HS.h[0].use(this.__HS.x[0]):this.__i>=this.__HS.h.length?this.__HS.h[this.__HS.h.length-1].use(this.__HS.x[this.__HS.x.length-1]):this.__HS.h[this.__i].use(t)}throw new Error("You shoud first set the position!")},i}()},"object"==typeof exports&&"undefined"!=typeof module?module.exports=i():"function"==typeof define&&define.amd?define(i):(t="undefined"!=typeof globalThis?globalThis:t||self).VISLite_Cardinal=i();

package/lib/Eoap/index.umd.js

@@ -1,12 +1,12 @@
 /*!
-* VISLite JavaScript Library v0.4.1-alpha.1
+* VISLite JavaScript Library v0.4.1-beta.0
 * git+https://github.com/oi-contrib/VISLite.git
 *
 * Copyright zxl20070701
 * Released under the MIT license
 * https://zxl20070701.github.io/notebook/home.html
 * 
-* Publish Date:  Tue Aug 08 2023 19:08:50 GMT+0800 (中国标准时间)
+* Publish Date:  Wed Aug 23 2023 22:06:27 GMT+0800 (中国标准时间)
 */
 (function (global, factory) {
     typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :

package/lib/Eoap/index.umd.min.js

@@ -1,11 +1,11 @@
 /*!
-* VISLite JavaScript Library v0.4.1-alpha.1
+* VISLite JavaScript Library v0.4.1-beta.0
 * git+https://github.com/oi-contrib/VISLite.git
 *
 * Copyright zxl20070701
 * Released under the MIT license
 * https://zxl20070701.github.io/notebook/home.html
 * 
-* Publish Date:  Tue Aug 08 2023 19:08:50 GMT+0800 (中国标准时间)
+* Publish Date:  Wed Aug 23 2023 22:06:27 GMT+0800 (中国标准时间)
 */
 var t,e;t=this,e=function(){"use strict";var t=function(t,e,n,i){var o=Math.cos(t),a=Math.sin(t);return[e*o-n*a,e*a+n*o,i]};return function(){function e(t,e){void 0===t&&(t=7),void 0===e&&(e=[107,36]),this.name="Eoap",this.__scale=t,this.__center=e}return e.prototype.use=function(e,n){var i,o,a,s,r,h,u=(i=(360-n)/180*Math.PI,o=100*this.__scale,a=0,s=0,r=Math.cos(i),h=Math.sin(i),[s*h+o*r,a,s*r-o*h]);return u=t(e/180*Math.PI,u[0],u[1],u[2]),u=t((90-this.__center[0])/180*Math.PI,u[0],u[1],u[2]),u=function(t,e,n,i){var o=Math.cos(t),a=Math.sin(t);return[e,n*o-i*a,n*a+i*o]}((90-this.__center[1])/180*Math.PI,u[0],u[1],u[2]),[-u[0],u[1],u[2]]},e}()},"object"==typeof exports&&"undefined"!=typeof module?module.exports=e():"function"==typeof define&&define.amd?define(e):(t="undefined"!=typeof globalThis?globalThis:t||self).VISLite_Eoap=e();

package/lib/Hermite/index.umd.js

@@ -1,12 +1,12 @@
 /*!
-* VISLite JavaScript Library v0.4.1-alpha.1
+* VISLite JavaScript Library v0.4.1-beta.0
 * git+https://github.com/oi-contrib/VISLite.git
 *
 * Copyright zxl20070701
 * Released under the MIT license
 * https://zxl20070701.github.io/notebook/home.html
 * 
-* Publish Date:  Tue Aug 08 2023 19:08:50 GMT+0800 (中国标准时间)
+* Publish Date:  Wed Aug 23 2023 22:06:27 GMT+0800 (中国标准时间)
 */
 (function (global, factory) {
     typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :

package/lib/Hermite/index.umd.min.js

@@ -1,11 +1,11 @@
 /*!
-* VISLite JavaScript Library v0.4.1-alpha.1
+* VISLite JavaScript Library v0.4.1-beta.0
 * git+https://github.com/oi-contrib/VISLite.git
 *
 * Copyright zxl20070701
 * Released under the MIT license
 * https://zxl20070701.github.io/notebook/home.html
 * 
-* Publish Date:  Tue Aug 08 2023 19:08:50 GMT+0800 (中国标准时间)
+* Publish Date:  Wed Aug 23 2023 22:06:27 GMT+0800 (中国标准时间)
 */
 var t,i;t=this,i=function(){"use strict";return function(){function t(t){void 0===t&&(t=.5),this.name="Hermite",this.__u=t}return t.prototype.setP=function(t,i,e,o,s,_){if(!(t<e))throw new Error("The point x-position should be increamented!");this.__a=t,this.__b=e;var n=this.__u*s,r=this.__u*_;return i/=e-t,o/=e-t,this.__MR=[2*i-2*o+n+r,3*o-3*i-2*n-r,n,i],this},t.prototype.use=function(t){if(this.__MR){var i=(t-this.__a)/(this.__b-this.__a),e=i*i;return(i*e*this.__MR[0]+e*this.__MR[1]+i*this.__MR[2]+this.__MR[3])*(this.__b-this.__a)}throw new Error("You shoud first set the position!")},t}()},"object"==typeof exports&&"undefined"!=typeof module?module.exports=i():"function"==typeof define&&define.amd?define(i):(t="undefined"!=typeof globalThis?globalThis:t||self).VISLite_Hermite=i();

package/lib/Matrix4/index.umd.js

@@ -1,12 +1,12 @@
 /*!
-* VISLite JavaScript Library v0.4.1-alpha.1
+* VISLite JavaScript Library v0.4.1-beta.0
 * git+https://github.com/oi-contrib/VISLite.git
 *
 * Copyright zxl20070701
 * Released under the MIT license
 * https://zxl20070701.github.io/notebook/home.html
 * 
-* Publish Date:  Tue Aug 08 2023 19:08:50 GMT+0800 (中国标准时间)
+* Publish Date:  Wed Aug 23 2023 22:06:27 GMT+0800 (中国标准时间)
 */
 (function (global, factory) {
     typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :

package/lib/Matrix4/index.umd.min.js

@@ -1,11 +1,11 @@
 /*!
-* VISLite JavaScript Library v0.4.1-alpha.1
+* VISLite JavaScript Library v0.4.1-beta.0
 * git+https://github.com/oi-contrib/VISLite.git
 *
 * Copyright zxl20070701
 * Released under the MIT license
 * https://zxl20070701.github.io/notebook/home.html
 * 
-* Publish Date:  Tue Aug 08 2023 19:08:50 GMT+0800 (中国标准时间)
+* Publish Date:  Wed Aug 23 2023 22:06:27 GMT+0800 (中国标准时间)
 */
 var t,r;t=this,r=function(){"use strict";var t=function(t,r){for(var i=[],e=0;e<4;e++)for(var o=0;o<r.length/4;o++)i[4*o+e]=t[e]*r[4*o]+t[e+4]*r[4*o+1]+t[e+8]*r[4*o+2]+t[e+12]*r[4*o+3];return i};return function(){function r(t){void 0===t&&(t=[1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1]),this.name="Matrix4",this.__matrix4=t}return r.prototype.move=function(r,i,e,o){return void 0===o&&(o=0),this.__matrix4=t(function(t,r,i,e){void 0===e&&(e=0);var o=Math.sqrt(r*r+i*i+e*e);return[1,0,0,0,0,1,0,0,0,0,1,0,r*t/o,i*t/o,e*t/o,1]}(r,i,e,o),this.__matrix4),this},r.prototype.rotate=function(r,i,e,o,n,u,a){var f=function(t,r,i,e,o,n){if("number"==typeof t&&"number"==typeof r){if("number"!=typeof i?(i=0,e=t,o=r,n=1):"number"==typeof e&&"number"==typeof o&&"number"==typeof n||(e=t,o=r,n=i,t=0,r=0,i=0),t==e&&r==o&&i==n)throw new Error("It's not a legitimate ray!");var u=Math.sqrt((e-t)*(e-t)+(o-r)*(o-r)),a=0!=u?(o-r)/u:1,f=0!=u?(e-t)/u:0,s=(e-t)*f+(o-r)*a,h=n-i,m=Math.sqrt(s*s+h*h),p=0!=m?h/m:1,_=0!=m?s/m:0;return[[a,p*f,f*_,0,-f,a*p,a*_,0,0,-_,p,0,r*f-t*a,i*_-t*f*p-r*a*p,-t*f*_-r*a*_-i*p,1],[a,-f,0,0,p*f,p*a,-_,0,f*_,a*_,p,0,t,r,i,1]]}throw new Error("a1 and b1 is required!")}(i,e,o,n,u,a);return this.__matrix4=t(t(t(f[1],function(t){var r=Math.sin(t),i=Math.cos(t);return[i,r,0,0,-r,i,0,0,0,0,1,0,0,0,0,1]}(r)),f[0]),this.__matrix4),this},r.prototype.scale=function(r,i,e,o,n,u){return void 0===o&&(o=0),void 0===n&&(n=0),void 0===u&&(u=0),this.__matrix4=t(function(t,r,i,e,o,n){return void 0===e&&(e=0),void 0===o&&(o=0),void 0===n&&(n=0),[t,0,0,0,0,r,0,0,0,0,i,0,e-e*t,o-o*r,n-n*i,1]}(r,i,e,o,n,u),this.__matrix4),this},r.prototype.multiply=function(r,i){return void 0===i&&(i=!1),this.__matrix4=i?t(this.__matrix4,r):t(r,this.__matrix4),this},r.prototype.use=function(r,i,e,o){return void 0===e&&(e=0),void 0===o&&(o=1),t(this.__matrix4,[r,i,e,o])},r.prototype.value=function(){return this.__matrix4},r}()},"object"==typeof exports&&"undefined"!=typeof module?module.exports=r():"function"==typeof define&&define.amd?define(r):(t="undefined"!=typeof globalThis?globalThis:t||self).VISLite_Matrix4=r();

package/lib/Mercator/index.umd.js

@@ -1,12 +1,12 @@
 /*!
-* VISLite JavaScript Library v0.4.1-alpha.1
+* VISLite JavaScript Library v0.4.1-beta.0
 * git+https://github.com/oi-contrib/VISLite.git
 *
 * Copyright zxl20070701
 * Released under the MIT license
 * https://zxl20070701.github.io/notebook/home.html
 * 
-* Publish Date:  Tue Aug 08 2023 19:08:50 GMT+0800 (中国标准时间)
+* Publish Date:  Wed Aug 23 2023 22:06:27 GMT+0800 (中国标准时间)
 */
 (function (global, factory) {
     typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :

package/lib/Mercator/index.umd.min.js

@@ -1,11 +1,11 @@
 /*!
-* VISLite JavaScript Library v0.4.1-alpha.1
+* VISLite JavaScript Library v0.4.1-beta.0
 * git+https://github.com/oi-contrib/VISLite.git
 *
 * Copyright zxl20070701
 * Released under the MIT license
 * https://zxl20070701.github.io/notebook/home.html
 * 
-* Publish Date:  Tue Aug 08 2023 19:08:50 GMT+0800 (中国标准时间)
+* Publish Date:  Wed Aug 23 2023 22:06:27 GMT+0800 (中国标准时间)
 */
 var e,t;e=this,t=function(){"use strict";return function(e,t){void 0===e&&(e=7),void 0===t&&(t=[107,36]),this.name="Mercator";var o=100*e*Math.PI/180,i=o*t[0],n=-1*o*t[1];this.use=function(e,t){return[.8*(o*e-i),-1*o*t-n]}}},"object"==typeof exports&&"undefined"!=typeof module?module.exports=t():"function"==typeof define&&define.amd?define(t):(e="undefined"!=typeof globalThis?globalThis:e||self).VISLite_Mercator=t();

package/lib/OralCanvas/index.es.js

@@ -1,12 +1,12 @@
 /*!
-* VISLite JavaScript Library v0.4.1-alpha.1
+* VISLite JavaScript Library v0.4.1-beta.0
 * git+https://github.com/oi-contrib/VISLite.git
 *
 * Copyright zxl20070701
 * Released under the MIT license
 * https://zxl20070701.github.io/notebook/home.html
 * 
-* Publish Date:  Tue Aug 08 2023 19:08:50 GMT+0800 (中国标准时间)
+* Publish Date:  Wed Aug 23 2023 22:06:27 GMT+0800 (中国标准时间)
 */
 /******************************************************************************
 Copyright (c) Microsoft Corporation.
@@ -138,7 +138,7 @@ var initRect = function (painter, x, y, width, height) {
 function texts (painter, contents, width, height, doback) {
     var lineNumber = 0, content = "";
     for (var i = 0; i < contents.length; i++) {
-        if (painter.measureText(content + contents[i]).width > width) {
+        if (painter.measureText(content + contents[i]).width > width || /\n$/.test(content)) {
             lineNumber += 1;
             doback(content, (lineNumber - 0.5) * height);
             content = contents[i];
@@ -155,9 +155,11 @@ function texts (painter, contents, width, height, doback) {
 }
 
 var Painter = (function () {
-    function Painter(canvas, opts, region) {
+    function Painter(canvas, opts, region, isPainter) {
         if (opts === void 0) { opts = {}; }
+        if (isPainter === void 0) { isPainter = false; }
         this.__region = null;
+        this.__onlyRegion = false;
         this.__specialConfig = {
             "fontSize": 16,
             "fontFamily": "sans-serif",
@@ -178,6 +180,7 @@ var Painter = (function () {
         };
         this.painter = canvas.getContext("2d", opts);
         this.__region = region;
+        this.__isPainter = isPainter;
         this.painter.textBaseline = 'middle';
         this.painter.textAlign = 'left';
     }
@@ -187,6 +190,8 @@ var Painter = (function () {
                 this.__region.useConfig(key, value);
             }
         }
+        if (this.__isPainter && this.__onlyRegion)
+            return this;
         if (key == 'lineDash') {
             if (this.painter.setLineDash)
                 this.painter.setLineDash(value);
@@ -209,6 +214,8 @@ var Painter = (function () {
         if (deg === void 0) { deg = 0; }
         if (this.__region)
             this.__region.fillText(text, x, y, deg);
+        if (this.__isPainter && this.__onlyRegion)
+            return this;
         this.painter.save();
         initText(this.painter, this.__specialConfig, x, y, deg).fillText(text, 0, 0);
         this.painter.restore();
@@ -218,6 +225,8 @@ var Painter = (function () {
         if (deg === void 0) { deg = 0; }
         if (this.__region)
             this.__region.strokeText(text, x, y, deg);
+        if (this.__isPainter && this.__onlyRegion)
+            return this;
         this.painter.save();
         initText(this.painter, this.__specialConfig, x, y, deg).strokeText(text, 0, 0);
         this.painter.restore();
@@ -227,6 +236,8 @@ var Painter = (function () {
         if (deg === void 0) { deg = 0; }
         if (this.__region)
             this.__region.fullText(text, x, y, deg);
+        if (this.__isPainter && this.__onlyRegion)
+            return this;
         this.painter.save();
         initText(this.painter, this.__specialConfig, x, y, deg);
         this.painter.fillText(text, 0, 0);
@@ -238,8 +249,11 @@ var Painter = (function () {
         var _this = this;
         if (lineHeight === void 0) { lineHeight = 1.2; }
         if (deg === void 0) { deg = 0; }
+        var h = 0;
         if (this.__region)
-            this.__region.fillTexts(contents, x, y, width, lineHeight);
+            h = this.__region.fillTexts(contents, x, y, width, lineHeight);
+        if (this.__isPainter && this.__onlyRegion)
+            return h;
         this.painter.save();
         initText(this.painter, this.__specialConfig, x, y, deg);
         var height = texts(this.painter, contents, width, this.__specialConfig.fontSize * lineHeight, function (content, top) {
@@ -252,8 +266,11 @@ var Painter = (function () {
         var _this = this;
         if (lineHeight === void 0) { lineHeight = 1.2; }
         if (deg === void 0) { deg = 0; }
+        var h = 0;
         if (this.__region)
-            this.__region.fillTexts(contents, x, y, width, lineHeight);
+            h = this.__region.fillTexts(contents, x, y, width, lineHeight);
+        if (this.__isPainter && this.__onlyRegion)
+            return h;
         this.painter.save();
         initText(this.painter, this.__specialConfig, x, y, deg);
         var height = texts(this.painter, contents, width, this.__specialConfig.fontSize * lineHeight, function (content, top) {
@@ -266,8 +283,11 @@ var Painter = (function () {
         var _this = this;
         if (lineHeight === void 0) { lineHeight = 1.2; }
         if (deg === void 0) { deg = 0; }
+        var h = 0;
         if (this.__region)
-            this.__region.fillTexts(contents, x, y, width, lineHeight);
+            h = this.__region.fillTexts(contents, x, y, width, lineHeight);
+        if (this.__isPainter && this.__onlyRegion)
+            return h;
         this.painter.save();
         initText(this.painter, this.__specialConfig, x, y, deg);
         var height = texts(this.painter, contents, width, this.__specialConfig.fontSize * lineHeight, function (content, top) {
@@ -280,48 +300,64 @@ var Painter = (function () {
     Painter.prototype.beginPath = function () {
         if (this.__region)
             this.__region.beginPath();
+        if (this.__isPainter && this.__onlyRegion)
+            return this;
         this.painter.beginPath();
         return this;
     };
     Painter.prototype.closePath = function () {
         if (this.__region)
             this.__region.closePath();
+        if (this.__isPainter && this.__onlyRegion)
+            return this;
         this.painter.closePath();
         return this;
     };
     Painter.prototype.moveTo = function (x, y) {
         if (this.__region)
             this.__region.moveTo(x, y);
+        if (this.__isPainter && this.__onlyRegion)
+            return this;
         this.painter.moveTo(Math.round(x) + 0.5, Math.round(y) + 0.5);
         return this;
     };
     Painter.prototype.lineTo = function (x, y) {
         if (this.__region)
             this.__region.lineTo(x, y);
+        if (this.__isPainter && this.__onlyRegion)
+            return this;
         this.painter.lineTo(Math.round(x) + 0.5, Math.round(y) + 0.5);
         return this;
     };
     Painter.prototype.arc = function (x, y, r, beginDeg, deg) {
         if (this.__region)
             this.__region.arc(x, y, r, beginDeg, deg);
+        if (this.__isPainter && this.__onlyRegion)
+            return this;
         this.painter.arc(x, y, r, beginDeg, beginDeg + deg, deg < 0);
         return this;
     };
     Painter.prototype.fill = function () {
         if (this.__region)
             this.__region.fill();
+        if (this.__isPainter && this.__onlyRegion)
+            return this;
         this.painter.fill();
         return this;
     };
     Painter.prototype.stroke = function () {
         if (this.__region)
             this.__region.stroke();
+        if (this.__isPainter && this.__onlyRegion)
+            return this;
         this.painter.stroke();
         return this;
     };
     Painter.prototype.full = function () {
         if (this.__region)
             this.__region.full();
+        if (this.__isPainter && this.__onlyRegion)
+            return this;
         this.painter.fill();
         this.painter.stroke();
         return this;
@@ -329,54 +365,72 @@ var Painter = (function () {
     Painter.prototype.save = function () {
         if (this.__region)
             this.__region.save();
+        if (this.__isPainter && this.__onlyRegion)
+            return this;
         this.painter.save();
         return this;
     };
     Painter.prototype.restore = function () {
         if (this.__region)
             this.__region.restore();
+        if (this.__isPainter && this.__onlyRegion)
+            return this;
         this.painter.restore();
         return this;
     };
     Painter.prototype.clip = function () {
         if (this.__region)
             this.__region.clip();
+        if (this.__isPainter && this.__onlyRegion)
+            return this;
         this.painter.clip();
         return this;
     };
     Painter.prototype.quadraticCurveTo = function (cpx, cpy, x, y) {
         if (this.__region)
             this.__region.quadraticCurveTo(cpx, cpy, x, y);
+        if (this.__isPainter && this.__onlyRegion)
+            return this;
         this.painter.quadraticCurveTo(cpx, cpy, x, y);
         return this;
     };
     Painter.prototype.bezierCurveTo = function (cp1x, cp1y, cp2x, cp2y, x, y) {
         if (this.__region)
             this.__region.bezierCurveTo(cp1x, cp1y, cp2x, cp2y, x, y);
+        if (this.__isPainter && this.__onlyRegion)
+            return this;
         this.painter.bezierCurveTo(cp1x, cp1y, cp2x, cp2y, x, y);
         return this;
     };
     Painter.prototype.clearRect = function (x, y, w, h) {
         if (this.__region)
             this.__region.clearRect(x, y, w, h);
+        if (this.__isPainter && this.__onlyRegion)
+            return this;
         this.painter.clearRect(x, y, w, h);
         return this;
     };
     Painter.prototype.fillArc = function (cx, cy, r1, r2, beginDeg, deg) {
         if (this.__region)
             this.__region.fillArc(cx, cy, r1, r2, beginDeg, deg);
+        if (this.__isPainter && this.__onlyRegion)
+            return this;
         initArc(this.painter, this.__specialConfig, cx, cy, r1, r2, beginDeg, deg).fill();
         return this;
     };
     Painter.prototype.strokeArc = function (cx, cy, r1, r2, beginDeg, deg) {
         if (this.__region)
             this.__region.strokeArc(cx, cy, r1, r2, beginDeg, deg);
+        if (this.__isPainter && this.__onlyRegion)
+            return this;
         initArc(this.painter, this.__specialConfig, cx, cy, r1, r2, beginDeg, deg).stroke();
         return this;
     };
     Painter.prototype.fullArc = function (cx, cy, r1, r2, beginDeg, deg) {
         if (this.__region)
             this.__region.fullArc(cx, cy, r1, r2, beginDeg, deg);
+        if (this.__isPainter && this.__onlyRegion)
+            return this;
         initArc(this.painter, this.__specialConfig, cx, cy, r1, r2, beginDeg, deg);
         this.painter.fill();
         this.painter.stroke();
@@ -385,18 +439,24 @@ var Painter = (function () {
     Painter.prototype.fillCircle = function (cx, cy, r) {
         if (this.__region)
             this.__region.fillCircle(cx, cy, r);
+        if (this.__isPainter && this.__onlyRegion)
+            return this;
         initCircle(this.painter, cx, cy, r).fill();
         return this;
     };
     Painter.prototype.strokeCircle = function (cx, cy, r) {
         if (this.__region)
             this.__region.strokeCircle(cx, cy, r);
+        if (this.__isPainter && this.__onlyRegion)
+            return this;
         initCircle(this.painter, cx, cy, r).stroke();
         return this;
     };
     Painter.prototype.fullCircle = function (cx, cy, r) {
         if (this.__region)
             this.__region.fullCircle(cx, cy, r);
+        if (this.__isPainter && this.__onlyRegion)
+            return this;
         initCircle(this.painter, cx, cy, r);
         this.painter.fill();
         this.painter.stroke();
@@ -405,23 +465,30 @@ var Painter = (function () {
     Painter.prototype.fillRect = function (x, y, width, height) {
         if (this.__region)
             this.__region.fillRect(x, y, width, height);
+        if (this.__isPainter && this.__onlyRegion)
+            return this;
         initRect(this.painter, x, y, width, height).fill();
         return this;
     };
     Painter.prototype.strokeRect = function (x, y, width, height) {
         if (this.__region)
             this.__region.strokeRect(x, y, width, height);
+        if (this.__isPainter && this.__onlyRegion)
+            return this;
         initRect(this.painter, x, y, width, height).stroke();
         return this;
     };
     Painter.prototype.fullRect = function (x, y, width, height) {
         if (this.__region)
             this.__region.fullRect(x, y, width, height);
+        if (this.__isPainter && this.__onlyRegion)
+            return this;
         initRect(this.painter, x, y, width, height);
         this.painter.fill();
         this.painter.stroke();
         return this;
     };
+    Painter.prototype.draw = function () { };
     return Painter;
 }());
 
@@ -481,9 +548,9 @@ var oldAttrName = {
 var Canvas = (function (_super) {
     __extends(Canvas, _super);
     function Canvas(ViewCanvas, RegionCanvas) {
-        var _this = _super.call(this, ViewCanvas, {}, new Painter(RegionCanvas, {
+        var _this = _super.call(this, ViewCanvas, {}, RegionCanvas ? new Painter(RegionCanvas, {
             willReadFrequently: true,
-        })) || this;
+        }) : null, true) || this;
         _this.name = "Canvas";
         _this.__regionList = {};
         _this.__regionAssemble = assemble(0, 255, 10, 3);
@@ -497,39 +564,49 @@ var Canvas = (function (_super) {
         }
         return this;
     };
+    Canvas.prototype.onlyRegion = function (flag) {
+        this.__onlyRegion = flag;
+        return this;
+    };
     Canvas.prototype.setRegion = function (regionName) {
-        if (regionName) {
-            if (this.__regionList[regionName] == undefined) {
-                var tempColor = this.__regionAssemble();
-                this.__regionList[regionName] =
-                    "rgb(" + tempColor[0] + "," + tempColor[1] + "," + tempColor[2] + ")";
+        if (this.__region) {
+            if (regionName) {
+                if (this.__regionList[regionName] == void 0) {
+                    var tempColor = this.__regionAssemble();
+                    this.__regionList[regionName] =
+                        "rgb(" + tempColor[0] + "," + tempColor[1] + "," + tempColor[2] + ")";
+                }
+                this.__region.useConfig("fillStyle", this.__regionList[regionName]) &&
+                    this.__region.useConfig("strokeStyle", this.__regionList[regionName]);
+            }
+            else {
+                this.__region.useConfig("fillStyle", "#000000") &&
+                    this.__region.useConfig("strokeStyle", "#000000");
             }
-            this.__region.useConfig("fillStyle", this.__regionList[regionName]) &&
-                this.__region.useConfig("strokeStyle", this.__regionList[regionName]);
-        }
-        else {
-            this.__region.useConfig("fillStyle", "#000000") &&
-                this.__region.useConfig("strokeStyle", "#000000");
         }
         return this;
     };
     Canvas.prototype.getRegion = function (x, y) {
         var _this = this;
         return new Promise(function (resolve, reject) {
-            var imgData = _this.__region.painter.getImageData(x - 0.5, y - 0.5, 1, 1);
+            var imgData = _this.__region ? _this.__region.painter.getImageData(x - 0.5, y - 0.5, 1, 1) : {
+                data: [0, 0, 0, 0]
+            };
             var currentRGBA = imgData.data;
             var doit = function () {
-                for (var key in _this.__regionList) {
-                    if ("rgb(" +
-                        currentRGBA[0] +
-                        "," +
-                        currentRGBA[1] +
-                        "," +
-                        currentRGBA[2] +
-                        ")" ==
-                        _this.__regionList[key]) {
-                        resolve(key);
-                        break;
+                if (_this.__region) {
+                    for (var key in _this.__regionList) {
+                        if ("rgb(" +
+                            currentRGBA[0] +
+                            "," +
+                            currentRGBA[1] +
+                            "," +
+                            currentRGBA[2] +
+                            ")" ==
+                            _this.__regionList[key]) {
+                            resolve(key);
+                            break;
+                        }
                     }
                 }
                 resolve("");
@@ -554,7 +631,7 @@ var Canvas = (function (_super) {
     };
     Canvas.prototype.getContext = function (isRegion) {
         if (isRegion === void 0) { isRegion = false; }
-        return isRegion ? this.__region.painter : this.painter;
+        return isRegion ? (this.__region ? this.__region.painter : null) : this.painter;
     };
     Canvas.prototype.createLinearGradient = function (x0, y0, x1, y1) {
         return linearGradient(this.painter, x0, y0, x1, y1);