|
function MiaovDraw(w, h, parent)
|
{
|
var bIsIE=(/ie/i).test(window.navigator.userAgent);
|
|
this.width= w;
|
this.height= h;
|
var tmp = 0;
|
var browser=navigator.appName;
|
var b_version=navigator.appVersion;
|
var version=b_version.split(";");
|
var trim_Version = "";
|
if (version.length>1) {
|
var trim_Version=version[1].replace(/[ ]/g,"");
|
}
|
|
|
|
//alert(browser + " " + trim_Version);
|
bIsIE = browser=="Microsoft Internet Explorer" && (trim_Version=="MSIE7.0" || trim_Version=="MSIE8.0");
|
if(bIsIE)
|
//if(browser=="Microsoft Internet Explorer" && (trim_Version=="MSIE7.0" || trim_Version=="MSIE8.0"))
|
{
|
//document.namespaces.add("mv","urn:schemas-microsoft-com:vml");
|
//document.createStyleSheet().addRule(".mv", "behavior:url(#default#VML)");
|
|
this.container=document.createElement('<mv:group class="mv">');
|
|
this.container.style.position='absolute';
|
this.container.style.width=w+'px';
|
this.container.style.height=h+'px';
|
|
this.container.coordsize=w+','+h;
|
|
this.container.style.left='0px';
|
this.container.style.top='0px';
|
|
parent.appendChild(this.container);
|
|
this.reappend=function ()
|
{
|
parent.appendChild(this.container);
|
};
|
}
|
else
|
{
|
var canvas=document.createElement('canvas');
|
canvas.style.position='absolute';
|
canvas.width=w;
|
canvas.height=h;
|
canvas.innerHTML='你的浏览器不支持canvas,访问<a href="http://www.16sucai.com/">这里</a>了解更多';
|
|
canvas.style.left='0px';
|
canvas.style.top='0px';
|
|
parent.appendChild(canvas);
|
|
this.reappend=function ()
|
{
|
parent.appendChild(canvas);
|
};
|
|
this.container=canvas.getContext('2d');
|
this.container.strokeStyle='#00CC00';
|
//window.setInterval(function(){
|
// if(tmp==0){
|
// console.info("111");
|
// this.container.strokeStyle='#00CC00';
|
// tmp = 1;
|
// console.info(tmp);
|
// }else{
|
// this.container.strokeStyle='#e11408';
|
// console.info("222");
|
// tmp = 0;
|
// }
|
//
|
//},1000);
|
|
|
|
//this.container.strokeStyle='#e11408';
|
}
|
|
var sFn="line|clear";
|
var arr=sFn.split('|');
|
|
for(var i=0;i<arr.length;i++)
|
{
|
this[arr[i]]=this[(bIsIE?'IE':'DOM')+'_'+arr[i]];
|
}
|
}
|
|
MiaovDraw.prototype.IE_line=function (x1, y1, x2, y2)
|
{
|
|
|
|
var l=document.createElement('<mv:line class="mv">');
|
|
l.from=x1+','+y1;
|
l.to=x2+','+y2;
|
l.strokeColor='#00CC00';
|
|
if(this.lineWidth)l.StrokeWeight=this.lineWidth;
|
if(this.strokeColor)l.StrokeColor=this.strokeColor;
|
|
|
|
this.container.appendChild(l);
|
|
//alert(l.from+'->'+l.to);
|
};
|
|
MiaovDraw.prototype.DOM_line=function (x1, y1, x2, y2)
|
{
|
this.container.setLineDash([5,10]);
|
this.container.lineWidth = 2;
|
this.container.moveTo(x1,y1);
|
this.container.lineTo(x2,y2);
|
|
//document.title=x1+','+y1+'\t'+x2+','+y2;
|
|
this.container.stroke();
|
};
|
|
MiaovDraw.prototype.xx=function (x1, y1, x2, y2)
|
{
|
this.container.setLineDash([5,5]);
|
this.container.moveTo(x1,y1);
|
this.container.lineTo(x2,y2);
|
|
//document.title=x1+','+y1+'\t'+x2+','+y2;
|
|
this.container.stroke();
|
};
|
|
MiaovDraw.prototype.IE_clear=function ()
|
{
|
var i=0;
|
|
for(i=this.container.childNodes.length-1;i>=0;i--)
|
{
|
this.container.removeChild(this.container.childNodes[i]);
|
}
|
};
|
|
MiaovDraw.prototype.DOM_clear=function ()
|
{
|
this.container.clearRect(0,0,this.width,this.height);
|
};
|