js 대상을 위한 봉인 방법, [사례]
/**
* @ canvas
* @authors Shimily ([email protected])
* @date 2016-12-28 10:30:51
* @version $Id$
*/
function Rect( options){
this._init(options); //
}
Rect.prototype={
_init:function(options){
this.x=options.x || 0; // , ,
this.y=options.y || 0;this.opacity=options.opacity===0 ? 0: options.opacity || 1;
this.scaleX=options.scaleX ||1;
this.scaleY=options.scaleY ||1;
this.strokeStyle=options.strokeStyle || 'red';
this.fillStyle=options.fillStyle||'red';
},
render:function(ctx){ //
ctx.save(); //
ctx.beginPath();
ctx.translate(this.x, this.y);
ctx.rotate(this.rotation * Math.PI /180);
ctx.globalAlpha=this.optacity;
ctx.scale(this.scaleX, this.scaleY);
//ctx.rect(this.x, this.y, this.w, this.h); //
ctx.rect(0, 0, this.w, this.h); // , ctx.translate(this.x, this.y);
ctx.fillStyle=this.fillStyle;
ctx.fill(); //
ctx.strokeStyle=this.strokeStyle;
ctx.stroke();
ctx.restore(); //
}
}
호출 방법:
var rect= new Rect({ //
x:300,
y:200,
w:100,
h:120,
rotation:30,
opacity:0.3,
scaleX:1.5,
scaleY:1.5,
fillStyle:'blue',
strokeStyle:'yellow'
});
rect.render(ctx); //
다음으로 전송:https://www.cnblogs.com/shimily/p/6240016.html
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
다양한 언어의 JSONJSON은 Javascript 표기법을 사용하여 데이터 구조를 레이아웃하는 데이터 형식입니다. 그러나 Javascript가 코드에서 이러한 구조를 나타낼 수 있는 유일한 언어는 아닙니다. 저는 일반적으로 '객체'{}...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.