確定起始點,在確定五角星邊的長度、五角星的底部點坐標(biāo)偏差值、五角星上部點偏差值 即可繪制五角星
創(chuàng)新互聯(lián)主要從事成都網(wǎng)站設(shè)計、網(wǎng)站制作、網(wǎng)頁設(shè)計、企業(yè)做網(wǎng)站、公司建網(wǎng)站等業(yè)務(wù)。立足成都服務(wù)和布克賽爾蒙古,十載網(wǎng)站建設(shè)經(jīng)驗,價格優(yōu)惠、服務(wù)專業(yè),歡迎來電咨詢建站服務(wù):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);
//繪圖的起始點,也就是五角星的頂點坐標(biāo)
var?x=100,y=100;
for(var?i=0;i9;i++)
{
context.beginPath();
//五角星邊的長度為100px,x1、h2為五角星的底部點坐標(biāo)偏差值,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
雙緩沖區(qū),
不行就opengles
當(dāng)然,一般簡單圖形也不至于卡頓,你看看你代碼有沒有問題吧.
在畫板中定義一個方法public Bitmap getbit(){
return mybitmap;
}
然后在你的activity中取得你的組件.getbit();
把讀出來的bitmap傳到服務(wù)器那就你自己寫了,直接發(fā)二進(jìn)制流過去就ok了。
效果圖如下:
首先我們設(shè)置一下布局屬性:
為了往后好在底部添加控件(說白了就是為了好看)
然后在構(gòu)造函數(shù)中初始化畫筆
這樣一個簡單的進(jìn)度條就繪制完成了。
三種方法:
第一種:把用ps打開圖片然后選擇菜單-圖像(I)里面的畫布大小
然后根據(jù)需要更改相應(yīng)的寬高來增加畫布的大小,可根據(jù)定位選項來確定畫布增加的方向(及下圖中以原點為幾點像箭頭所指的方向增加畫布大小,注:原點可在九宮格中移動)
第二種:如果是在已經(jīng)建好了畫布中拖入圖片,在不改變畫布大小的情況下可通過選中圖片所在圖層按快捷鍵Ctrl+T將圖片變形,然后按住Alt+Shift不放,用鼠標(biāo)放在圖片的四個角按住左鍵進(jìn)行拖動,對圖片經(jīng)行中心等比例縮放或Ctrl+T變形之后按住shift鍵對圖片進(jìn)行等比例縮放(注:此方法會因圖片的分辨率不同對其造成不同程度的失真)
第三種:隱藏背景圖層(即畫布)
然后選擇菜單-圖像-裁切
彈出裁切面板后如上圖所示點擊確定即可將畫布變成和圖片一樣大小