五月综合缴情婷婷六月,色94色欧美sute亚洲线路二,日韩制服国产精品一区,色噜噜一区二区三区,香港三级午夜理伦三级三

您現(xiàn)在的位置: 365建站網(wǎng) > 建站教程 > html5教程 > HTML5 canvas createPattern() 方法

HTML5 canvas createPattern() 方法

此節(jié)有 183 人學(xué)習(xí)過     參與評(píng)論

實(shí)例

用到的圖像:

lamp

在水平和垂直方向重復(fù)圖像:

Your browser does not support the HTML5 canvas tag.

JavaScript:

var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
var img=document.getElementById("lamp");
var pat=ctx.createPattern(img,"repeat");
ctx.rect(0,0,150,100);
ctx.fillStyle=pat;
ctx.fill();

親自試一試

瀏覽器支持

Internet Explorer 9、Firefox、Opera、Chrome 以及 Safari 支持 createPattern() 方法。

注釋:Internet Explorer 8 或更早的瀏覽器不支持 <canvas> 元素。

定義和用法

createPattern() 方法在指定的方向內(nèi)重復(fù)指定的元素。

元素可以是圖片、視頻,或者其他 <canvas> 元素。

被重復(fù)的元素可用于繪制/填充矩形、圓形或線條等等。

JavaScript 語法:

context.createPattern(image,"repeat|repeat-x|repeat-y|no-repeat");

參數(shù)值

參數(shù) 描述
image 規(guī)定要使用的圖片、畫布或視頻元素。
repeat 默認(rèn)。該模式在水平和垂直方向重復(fù)。
repeat-x 該模式只在水平方向重復(fù)。
repeat-y 該模式只在垂直方向重復(fù)。
no-repeat 該模式只顯示一次(不重復(fù))。

如對(duì)本文有疑問,請(qǐng)?zhí)峤坏浇涣髡搲?,廣大熱心網(wǎng)友會(huì)為你解答??! 點(diǎn)擊進(jìn)入論壇

發(fā)表評(píng)論 (183人查看,0條評(píng)論)
請(qǐng)自覺遵守互聯(lián)網(wǎng)相關(guān)的政策法規(guī),嚴(yán)禁發(fā)布色情、暴力、反動(dòng)的言論。
昵稱:
最新評(píng)論
------分隔線----------------------------
html5教程目錄

其它欄目

· 建站教程
· 365學(xué)習(xí)

業(yè)務(wù)咨詢

· 技術(shù)支持
· 服務(wù)時(shí)間:9:00-18:00
365建站網(wǎng)二維碼

Powered by 365建站網(wǎng) RSS地圖 HTML地圖

copyright © 2013-2024 版權(quán)所有 鄂ICP備17013400號(hào)