确定起始点,在确定五角星边的长度、五角星的底部点坐标偏差值、五角星上部点偏差值 即可绘制五角星
创新互联主要从事成都网站设计、网站制作、网页设计、企业做网站、公司建网站等业务。立足成都服务和布克赛尔蒙古,十载网站建设经验,价格优惠、服务专业,欢迎来电咨询建站服务:028-86922220
!DOCTYPE html
html lang="en"
body
canvas width="1000" height="1000" id="myCanvas"/canvas
script
var myCanvas = document.getElementById("myCanvas");
var context = myCanvas.getContext('2d');
context.fillStyle = 'rgb(255,0,0)';
context.lineWidth = 5;
context.strokeRect(0,0,1000,1000);
//绘图的起始点,也就是五角星的顶点坐标
var x=100,y=100;
for(var i=0;i9;i++)
{
context.beginPath();
//五角星边的长度为100px,x1、h2为五角星的底部点坐标偏差值,x2、h2为五角星上部点偏差值
var x1 = 100*Math.sin(Math.PI/10);
var h1 = 100*Math.cos(Math.PI/10);
var x2 = 50;
var h2 = 50*Math.tan(Math.PI/5);
context.lineTo(x+x1,y+h1);
context.lineTo(x-50,y+h2);
context.lineTo(x+50,y+h2);
context.lineTo(x-x1,y+h1);
context.lineTo(x-x1,y+h1);
context.lineTo(x,y);
context.closePath();
context.fill();
x=(i+2)*100;
y=100;
context.moveTo(x,y);
}
/script
/body
/html
双缓冲区,
不行就opengles
当然,一般简单图形也不至于卡顿,你看看你代码有没有问题吧.
在画板中定义一个方法public Bitmap getbit(){
return mybitmap;
}
然后在你的activity中取得你的组件.getbit();
把读出来的bitmap传到服务器那就你自己写了,直接发二进制流过去就ok了。
效果图如下:
首先我们设置一下布局属性:
为了往后好在底部添加控件(说白了就是为了好看)
然后在构造函数中初始化画笔
这样一个简单的进度条就绘制完成了。
三种方法:
第一种:把用ps打开图片然后选择菜单-图像(I)里面的画布大小
然后根据需要更改相应的宽高来增加画布的大小,可根据定位选项来确定画布增加的方向(及下图中以原点为几点像箭头所指的方向增加画布大小,注:原点可在九宫格中移动)
第二种:如果是在已经建好了画布中拖入图片,在不改变画布大小的情况下可通过选中图片所在图层按快捷键Ctrl+T将图片变形,然后按住Alt+Shift不放,用鼠标放在图片的四个角按住左键进行拖动,对图片经行中心等比例缩放或Ctrl+T变形之后按住shift键对图片进行等比例缩放(注:此方法会因图片的分辨率不同对其造成不同程度的失真)
第三种:隐藏背景图层(即画布)
然后选择菜单-图像-裁切
弹出裁切面板后如上图所示点击确定即可将画布变成和图片一样大小