为了账号安全,请及时绑定邮箱和手机立即绑定

html5 canvas不支持怎么解决?

/ 猿问

html5 canvas不支持怎么解决?

浮云间 2019-05-17 15:11:25

html5 canvas不支持怎么解决


查看完整描述

3 回答

?
波斯汪

canvas 与 SVG都能够使你在浏览器中画图,但它们的基本原理不同。 

SVG SVG是一种在XML中描述二维图形的语言。 SVG是基于XML的,意味着在SVG DOM内每一个元素都是可用的。你可以为每一个元素增加JS事件处理器。 在SVG中,每一个图形被记作一个对象。如果一个SVG对象的属性发生改变,浏览器可以自动重新生成图形。

Canvas Canvas能够在fly上画2D图形(使用JS) Canvas能够按照像素重新生成。 在Canvas中,一旦图形完成,就会被浏览器忘记。如果图形位置要发生改变,那么整个屏幕需要重画,包括图形覆盖的对象。 


查看完整回答
反对 回复 2019-05-26
?
慕的地6264312

有以下两种方法可以判断浏览器是否支持html5:

方法一:
<script>
function checkhHtml5() {
if (typeof(Worker) !== "undefined") { alert("支持HTML5"); } else { alert("不支持HTML5"); } }
</script>。

方法二:
<canvas id="Canvas"></canvas>
<script>
if (!document.getElementById("Canvas").getContext){
alert("不支持html5");
}else{
alert("支持html5");
}
</script>。



查看完整回答
反对 回复 2019-05-26
?
慕的地10843

可以用JS监控屏幕大小,然后调整Canvas的大小。在代码中加入Js
$(window).resize(resizeCanvas);
function resizeCanvas() {
canvas.attr("width", $(window).get(0).innerWidth);
canvas.attr("height", $(window).get(0).innerHeight);
context.fillRect(0, 0, canvas.width(), canvas.height());
};
resizeCanvas();

就可以了。

<canvas> 标签只是图形容器,您必须使用脚本来绘制图形。

查看完整回答
反对 回复 2019-05-26

添加回答

回复

举报

0/150
提交
取消
意见反馈 邀请有奖 帮助中心 APP下载
官方微信