-
慕无忌1532157
- com.createdPattern is not a function at Image.imgs.onload
com.createdPattern is not a function多明显，createPattern不是createdPattern
- 2019-06-25 1回答·670浏览
-
qq_慕数据1222313
- 星星出不来？
解决了
- 2019-03-14 1回答·981浏览
-
慕函数5127544
- 关于在canvas中插入的canvas的位置问题
- 2017-11-22 3回答·3572浏览
-
guoyansi
- createPattern 参数是canvas时 这个地方canvas和另一个canvas是一个对象吗？
是重新创建的canvas
- 2017-01-14 1回答·982浏览
-
慕粉4042427
- 那里错了，当使用context.drawImage( image , 0 , 0 )可以显示1个，但当不用时无法显示图，各位大神，请指教
- 已采纳 心有猛虎_细嗅蔷薇 的回答
我把你的代码修改了下：
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <canvas id="canvas" style ="divplay:block;margin:0 auto;border:1px solid #aaa;"> 当前浏览器不支持Canvas，请更换浏览器后再试 </canvas> <script> window.onload=function (){ var canvas=document.getElementById('canvas'); var context=canvas.getContext('2d'); var image = new Image() image.src = "s7.ico" //背景图路径 image.onload = function(){ var pattern = context.createPattern(image ,"repeat-x"); context.fillStyle = pattern context.fillRect( 0 , 0 , 800 , 800 ) } } </script> </body> </html>这下绝对没问题了~
- 2016-12-06 6回答·3694浏览
-
刚毅87
- 如何让背景图随 cancas 的移动而移动
- 2016-07-16 3回答·1912浏览
-
慕九州1311592
- 视频填充我测试了一下，一直失败，图片填充是可以的，但是视频填充要怎么弄呢？
var context = canvas.getContext('2d'); var video = document.createElement('video'); video.src = '吔屎吧梁非凡_x264压制.mp4'; video.preload = 'preload'; video.autoplay = 'autoplay'; video.height = context.canvas.height; video.width = context.canvas.width; setInterval(function () { var pattern = context.createPattern(video, 'no-repeat'); context.fillStyle = pattern; context.fillRect(0, 0, context.canvas.width, context.canvas.height); pattern = null; //drowStar...这里执行其他绘画步骤 }, 100);测试可用，setInterval的时间间隔尽量调大，不然电脑风扇会狂飙...
楼上的方法应该更高效吧 XD
- 2016-07-06 2回答·1456浏览
-
v小方
- 不显示，请帮看看错在哪里？
终于找开了，starPath(cxt);未定义
- 2016-03-31 1回答·822浏览
-
qq_你的肩膀我的远方_0
- 为什么出不来结果，控制台也没有报错呢？？？？？？？
- 已采纳 Dandis 的回答
cxt.closePath();
context.lineWidth=3;
context.strokeStyle='#fb5';
context.fillStyle='#fb3';
context.fill();还有这里的context应该是cxt
- 2016-03-22 4回答·1414浏览
-
撞门人
- 不能实现在canvas中插入canvas
- 2015-08-01 4回答·1018浏览
-
ecmadao
- css也能设定canvas背景
- 2015-04-08 2回答·2042浏览
-
mysunnytime
- 为什么图片作为pattern时要把代码写在onload()中呢？
- 已采纳 蓝层 的回答
这样可以再需要时在加载图片，在加载页面时就不会因为加载静态资源时浪费时间。
- 2015-02-06 1回答·1332浏览
-
袁三日
- 关于CSS3和canvas的疑问
- 2015-02-05 2回答·1407浏览
-
笑问苍天
- createPattern 设置video填充 搞不起来?
这样写肯定不行的，我觉得第一个参数应该是一帧图像的数据，查了下文档
createPattern 第一个参数是CanvasImageSource数据类型
typeof （HTMLImageElement or HTMLVideoElement or HTMLCanvasElement）CanvasImageSource；
具体HTMLVideoElement数据类型我也没有了解。
把你的代码这样改可行：
//设置video填充 var video = document.createElement("video"); video.src = "movie.ogg"; video.autoplay = "autoplay"; setInterval(function(){ var pattern= context.createPattern(video, "no-repeat"); context.fillStyle = pattern; context.fillRect(0, 0, windowWidth, windowHeight); }, 16);- 2015-01-06 4回答·2334浏览
-
喵
-
kugouming
-
kugouming
-
kugouming
-
kugouming
-
kugouming
数据加载中...