画圆的方法封装

yvan.ni
1 parent 2867828d
Showing 1 changed file with 23 additions and 0 deletions
utils/util.js
@@ -322,6 +322,28 @@ function  get_box_arr(num,x,y,sp,r){
 	if(num==5) return [{x:x-2*sp-4*r,y:y},{x:x-sp-2*r,y:y},{x:x,y:y},{x:x+sp+2*r,y:y},{x:x+2*sp+4*r,y:y}];
 }
  
+/**
+ * @param {Object} ctx   画图句柄
+ * @param {Object} x     x坐标  
+ * @param {Object} y     y坐标
+ * @param {Object} img   画的图片
+ * @param {Object} color 边框的颜色
+ */
+
+function draw_circle(ctx,x,y,r,img,color,unit){
+	ctx.save();
+	ctx.beginPath(); //开始绘制
+	ctx.arc(x,y,r,0,2 * Math.PI);
+	ctx.setLineWidth(4 * unit);
+	ctx.setStrokeStyle('red');
+	ctx.setFillStyle("white");
+	ctx.fill();
+	ctx.clip();
+    ctx.drawImage(img,x-r,y-r,2*r,2*r);
+	ctx.restore();
+}
+
+
 function null_promise(){
    var promise=new Promise(function(resolve, reject){ var ob={code:-1,data:null};  resolve(ob); });	return promise;   
 }
@@ -425,4 +447,5 @@ module.exports = {
     draw_randon_rect:draw_randon_rect  ,//画图画圆角矩形
 	null_promise:null_promise,//返回空的promise
 	get_box_arr:get_box_arr,//返回圆的数组
+	draw_circle:draw_circle,//绘制圆
 };