html5 canvas用图案填充形状_H5之家 - 中国HTML5教程资源分享第一站

canvas教程

html5 canvas用图案填充形状

字号+ 作者：H5之家来源：H5之家 2017-01-25 08:00 我要评论( )

html5 canvas用图案填充形状,!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtdhtml xml

正文

用图案填充形状 window.addEventListener(); function eventWindowLoaded(){ canvasApp(); } function canvasSupport(){ return Modernizr.canvas; } function canvasApp(){ canvasSupport()){ return; }else{ ) ) } drawScreen(); function drawScreen(){ Image(); fillImg.src; fillImg.onload=function(){

//简单的onload
//图片填充的4种类型：repeat,no-repeat,repeat-x,repeat-y;
//createPattern()填充图像函数，一个图像的实例，一个填充的类型
); ); ); context.fillStyle=fillPattern; context.fillRect(); context.fillStyle=fillPattern1; context.fillRect(); context.fillStyle=fillPattern2; context.fillRect(); } } } 你的浏览器无法使用canvas 如有疑问加QQ：1035417613;小白童鞋；你的支持是我最大的快乐！！