全网整合营销服务商
电脑端+手机端+微信端=数据同步管理
免费咨询热线：400-708-3566
电脑端+手机端+微信端=数据同步管理
免费咨询热线：400-708-3566
当设置canvas的宽度和高度时，只有内嵌css有效，外部css会出现拉伸的情况，例如：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<script>
window.onload=function(){
var canvas=document.getElementById('canvas').getContext('2d');
canvas.fillRect(50,50,50,50);
}
</script>
<style>
body{
background: #000;
}
#canvas{
width: 300px;
height: 400px;
background:#fff;
}
</style>
</head>
<body>
<canvas id="canvas">
<span>不支持canvas标签</span>
</canvas>
</body>
</html>
显示情况如下：
该效果与我们预想的不同，此时有两种修改方案：
(1) 在代码js中添加设置宽高属性的代码设置宽度和高度：
canvas.setAttribute("height",canvas.clientHeight);
canvas.setAttribute("width",canvas.clientWidth);
(2) 除去外部css中设置宽高属性的代码，给canvas标签直接添加宽度和高度属性：
<canvas id="canvas" width="300" height="400" >
<span>不支持canvas标签</span>
</canvas>
最后显示效果如下：
以上这篇解决canvas画布使用fillRect()时高度出现双倍效果的问题就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持。
# canvas画布
# 给大家
# 不支持
# 希望能
# 这篇
# 有两种
# 小编
# 大家多多
# 显示效果
# 内嵌
# UTF
# title
# head
# meta
# charset
# Document
相关文章：
香港网站服务器数量如何影响SEO优化效果？
Swift中switch语句区间和元组模式匹配
北京网站制作费用多少,建立一个公司网站的费用.有哪些部分,分别要多少钱？
建站主机助手选型指南：2025年热门推荐与高效部署技巧
宝塔建站后网页无法访问如何解决？
上海网站制作网站建设公司,建筑电工证网上查询系统入口？
如何用搬瓦工VPS快速搭建个人网站？
清除minerd进程的简单方法
详解免费开源的DotNet二维码操作组件ThoughtWorks.QRCode（.NET组件介绍之四）
大连 网站制作,大连天途有线官网？
招商网站制作流程,网站招商广告语？
C++如何编写函数模板？（泛型编程入门）
网站制作免费,什么网站能看正片电影？
建站之星免费版是否永久可用？
红河网站制作公司,红河事业单位身份证如何上传？
网站制作网站,深圳做网站哪家比较好？
如何用PHP快速搭建CMS系统？
已有域名和空间如何快速搭建网站？
已有域名能否直接搭建网站？
定制建站平台哪家好？企业官网搭建与快速建站方案推荐
如何访问已购建站主机并解决登录问题？
北京网站制作网页,网站升级改版需要多久？
外贸公司网站制作哪家好,maersk船公司官网？
网站制作与设计教程,如何制作一个企业网站，建设网站的基本步骤有哪些？
微信小程序 input输入框控件详解及实例（多种示例）
网站制作外包价格怎么算,招聘网站上写的“外包”是什么意思？
网站制作和推广的区别,想自己建立一个网站做推广，有什么快捷方法马上做好一个网站？
如何快速搭建FTP站点实现文件共享？
如何自己制作一个网站链接,如何制作一个企业网站，建设网站的基本步骤有哪些？
外贸公司网站制作,外贸网站建设一般有哪些步骤？
建站之星如何开启自定义404页面避免用户流失？
如何在万网自助建站中设置域名及备案？
如何在企业微信快速生成手机电脑官网？
太原网站制作公司有哪些,网约车营运证查询官网？
如何快速搭建高效WAP手机网站？
胶州企业网站制作公司,青岛石头网络科技有限公司怎么样？
建站上市公司网站建设方案与SEO优化服务定制指南
盘锦网站制作公司,盘锦大洼有多少5G网站？
如何通过商城免费建站系统源码自定义网站主题？
网站插件制作软件免费下载,网页视频怎么下到本地插件？
建站之星3.0如何解决常见操作问题？
如何基于云服务器快速搭建个人网站？
代刷网站制作软件,别人代刷火车票靠谱吗？
已有域名和空间，如何快速搭建网站？
建站之星后台管理：高效配置与模板优化提升用户体验
,怎么在广州志愿者网站注册？
济南网站建设制作公司,室内设计网站一般都有哪些功能？
nginx修改上传文件大小限制的方法
如何快速建站并高效导出源代码？
GML (Geography Markup Language)是什么，它如何用XML来表示地理空间信息？
*请认真填写需求信息，我们会在24小时内与您取得联系。
