Html5畫圖-創(chuàng)新互聯(lián)

Html5 畫圖

成都創(chuàng)新互聯(lián)公司專注為客戶提供全方位的互聯(lián)網(wǎng)綜合服務(wù)，包含不限于成都網(wǎng)站設(shè)計(jì)、成都網(wǎng)站建設(shè)、北辰網(wǎng)絡(luò)推廣、小程序制作、北辰網(wǎng)絡(luò)營銷、北辰企業(yè)策劃、北辰品牌公關(guān)、搜索引擎seo、人物專訪、企業(yè)宣傳片、企業(yè)代運(yùn)營等，從售前售中售后，我們都將竭誠為您服務(wù)，您的肯定，是我們大的嘉獎(jiǎng)；成都創(chuàng)新互聯(lián)公司為所有大學(xué)生創(chuàng)業(yè)者提供北辰建站搭建服務(wù)，24小時(shí)服務(wù)熱線：18982081108，官方網(wǎng)址：muchs.cn

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
</head>
<body>
<canvas id="can1" width="500px" height="400px" style="border:solid 1px red">
</canvas>
<script type="text/javascript">
//1.得到畫布
var canvas1 = document.getElementById_x("can1");
//2.得到畫筆
var cxt = canvas1.getContext("2d");
//3.畫直線
//moveTo函數(shù)就是設(shè)置點(diǎn)的位置
cxt.moveTo(20, 20);
//設(shè)置第二個(gè)點(diǎn)的位置
cxt.lineTo(20, 90);
//畫出直線
cxt.stroke();

//畫出一個(gè)填充三角形
//開始新的路徑
cxt.beginPath();
cxt.moveTo(40, 20);
cxt.lineTo(40, 90);
cxt.lineTo(80, 90);
//閉合路徑，把最后這個(gè)點(diǎn)和第一個(gè)點(diǎn)moveTo()閉合
cxt.closePath();
//填充矩形
//cxt.fill();
cxt.stroke();
//空心矩形
cxt.strokeRect(100, 20, 70, 70);
//填充矩形
//如果希望改變填充的顏色，剛修改畫筆的fillStyle
cxt.fillStyle = "#00FF00";
cxt.fillRect(190,20,50,50);

//畫出圓形 car
//六個(gè)參數(shù):arc(x,y,radius,startAngle,endAngle,counterclockwise)
cxt.beginPath();
cxt.arc(270, 40, 20, 0, 360, true);//(x,y,r,開始角度，結(jié)束角度，是否順時(shí)針)
cxt.closePath();
//填充空心的圓形
cxt.stroke();

//畫筆換色
cxt.fillStyle = "FF0000";
cxt.beginPath();
cxt.arc(320, 40, 20, 0, 360, true); //(x,y,r,開始角度，結(jié)束角度，是否順時(shí)針)
cxt.closePath();
//填充實(shí)心的圓形
cxt.fill();

//畫圖片
//1.創(chuàng)建image對(duì)象
var img1 = new Image();
//2.指定是哪個(gè)圖片
img1.src = "薩摩耶.jpg";
//注意要加這么一個(gè)方法，先加載完成后再畫圖
img1.onload = function () {
cxt.drawImage(img1, 20, 100, 200, 150);
}

//在畫布上寫字
var text = "Hello，親愛噠！";
//設(shè)置字體的大小
cxt.fillStyle = "#0000FF";
cxt.font = "30px 華文彩云";
cxt.fillText(text,230,200);
</script>
</body>
</html>

另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)cdcxhl.cn，海內(nèi)外云服務(wù)器15元起步，三天無理由+7*72小時(shí)售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡單易用、服務(wù)可用性高、性價(jià)比高”等特點(diǎn)與優(yōu)勢(shì)，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應(yīng)用場(chǎng)景需求。

當(dāng)前標(biāo)題：Html5畫圖-創(chuàng)新互聯(lián)
標(biāo)題路徑：http://muchs.cn/article10/depogo.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供云服務(wù)器、定制開發(fā)、搜索引擎優(yōu)化、網(wǎng)站改版、App設(shè)計(jì)、微信小程序

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)

成都網(wǎng)站建設(shè)