HTML5 canvas中 drawImage()画图第一次加载只出现最后一个图,刷新就全出现的问题 5

HTML5canvas中drawImage()在chrome浏览器中各种画出不来的问题,虚心求详细解答其中的原因。... HTML5 canvas中 drawImage() 在chrome浏览器中各种画出不来的问题,虚心求详细解答其中的原因。 展开
 我来答
卧沙的猫眼螺2022
推荐于2018-12-26 · 我是猫眼螺,聊聊身边事。
卧沙的猫眼螺2022
采纳数:3 获赞数:11

向TA提问 私信TA
展开全部
必须等到图片完全加载后才能对其进行操作, 浏览器通常会在页面脚本执行的同时异步加载图片。 如果试图在图片未完全加载之前就将其呈现到canvas 上,将不会显示任何图片.

var img= new Image();
img.src = "bark.jpg";

// 图片加载完后,将其显示在canvas 上
img.onload = function () {
drawCanvas();
}
哥本哈根症候群
2014-04-20 · TA获得超过211个赞
知道小有建树答主
回答量:287
采纳率:0%
帮助的人:233万
展开全部

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

var context = canvas.getContext('2d');

var drawStop=function(canvas){

var linGrad = context.createLinearGradient(0, 450, 1000, 450);

  linGrad.addColorStop(0.0,"red");

  linGrad.addColorStop(0.5,"yellow");

  linGrad.addColorStop(0.7,"orange");

  linGrad.addColorStop(1.0,"purple");

  context.fillStyle = linGrad;

  context.fillRect(0, 450, 1000, 450);

};


drawStop();


多照着别人的例子照抄几遍就会了,画不出来无非是没获取到id,context,canvas定义出差

追问
你好像没有太清楚我说的是什么,不过还是很感谢你的回答。
追答
哦,看了你的问题,不过没有源码,我也不知道问题出在哪里,不过建议你多安几个浏览器分别试一下,做html5尽量用chrome和火狐或者opera,其他浏览器兼容性可能不是太好
本回答被网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式