Canvas基礎知識積累

2021-07-14 19:02:08 字數 1647 閱讀 8885

id="canvas">

canvas>

var canvas=document.getelementbyid("canvas");

var context= canvas.getcontext();

context就是canvas物件,接下來都是對其進行操作

設定width和height

canvas.width = 1024;

canvas.height = 768;

context.strokestyle="#005588";//設定顏色,red這種方式也是可以的

context.linewidth=5;//線寬

context.moveto(100,100);//表示畫筆的起點座標

context.lineto(700,700);//表示下一筆的座標

context.lineto(1000,700);//表示下一筆的座標

context.stroke();//繪製線條

context.fillstyle="rgb(2,100,30)";//顏色

context.moveto(100,100);//表示畫筆的起點座標

context.lineto(700,700);//表示下一筆的座標

context.lineto(1000,700);//表示下一筆的座標

context.fill();

context.fillstyle="rgb(2,100,30)";//顏色

context.arc( x , y , radius , 0 , 2*math.pi,false )//畫圓,引數依次:橫座標,縱座標,半徑,畫圓起點,畫圓終點,是否為順時針方向畫圓

context.fill();

fill()會將顏色填充

context.fillstyle="rgb(2,100,30)";//顏色

context.moveto(100,100);//表示畫筆的起點座標

context.lineto(700,700);//表示下一筆的座標

context.lineto(1000,700);//表示下一筆的座標

context.fill();

context.strokestyle="#005588";//設定顏色,red這種方式也是可以的

context.linewidth=5;//線寬

context.moveto(100,100);//表示畫筆的起點座標

context.lineto(700,700);//表示下一筆的座標

context.lineto(1000,700);//表示下一筆的座標

context.stroke();//繪製線條

這**顯示的結果,其實不是我們想的那樣,其實還是存在一些問題,因fill()上方的路徑狀態還是存在有效的,所以為了解決這個問題,引入了beginpath()closepath()

context.clearrect(0,0,1024, 768);
引數表示清除的座標範圍

Hibernate基礎知識積累

屬性介紹 1,create 表示啟動的時候先drop,再create create drop 也表示建立,只不過再系統關閉前執行一下drop update 這個操作啟動的時候會去檢查schema是否一致,如果不一致會做scheme更新 validate 啟動時驗證現有schema與你配置的hiber...

canvas 基礎知識整理02

字型 font canvas裡的font屬性和css的font屬性是一樣的,它可以設定文字的粗細 字型大小 字型等。水平居中 textalign textalign start textalign left textalign end textalign rignt textalign center...

JS基礎知識積累4

do while結構 for迴圈結構 while 條件 true false 判斷條件是否成立,如果成立,執行迴圈體 重新判斷條件是否成立 如果不成立,跳出迴圈,執行大括號之後的 條件語句可以是 關係表示式 布林型別的值 其他型別的值 都會轉換成布林型別 do while 判斷條件 true fal...