关于canvas画布使用fillRect()时高度会放大的解决方案
2017-10-26 20:31
246 查看
当设置canvas的宽度和高度时,习惯性会不会使用内联样式。但对于canvas来说,fillRect(),只有在内联样式的时候才有效,外部的CSS往往会发生拉伸的情况。
这是网上找来的答案:
(1)在代码js中添加设置宽高属性的代码设置宽度和高度:
canvas.setAttribute("height",canvas.clientHeight);
canvas.setAttribute("width",canvas.clientWidth);
(2)除去外部css中设置宽高属性的代码,给canvas标签直接添加宽度和高度属性:
<canvas id="canvas" width="300" height="400" style="background:#fff;">
<span>不支持canvas标签</span>
</canvas>
这是网上找来的答案:
(1)在代码js中添加设置宽高属性的代码设置宽度和高度:
canvas.setAttribute("height",canvas.clientHeight);
canvas.setAttribute("width",canvas.clientWidth);
(2)除去外部css中设置宽高属性的代码,给canvas标签直接添加宽度和高度属性:
<canvas id="canvas" width="300" height="400" style="background:#fff;">
<span>不支持canvas标签</span>
</canvas>
相关文章推荐
- 解决canvas画布使用fillRect()时高度出现双倍效果的问题
- JavaScript——关于画布元素canvas的使用
- 关于使用Css设置Canvas画布大小的问题
- 关于在应用程序级别之外使用注册为 allowDefinition='MachineToApplication' 的节是错误的解决方案
- 关于"使用注册为 allowDefinition='MachineToApplication' 的节是错误的"的解决方案
- 关于在设计SqlDataAdapter并使用带有参数的 SQL或存储过程时,出现的必须声明 @参数名 的错误解决方案
- 关于php服务器代理上网的时候使用file_get_contents函数取不到内容的问题的解决方案
- 关于"使用注册为 allowDefinition='MachineToApplication' 的节是错误的"的解决方案
- 关于使用ASP实现文件缓存的解决方案
- 关于HP-UX中出现无法使用历史命令的问题的解决方案
- 关于使用webtable中ChildItem方法时报错之解决方案
- 关于使用<ajax:CascadingDropDown>控件出现的500错误和ScriptManager出现的注册表冲突错误解决方案
- 关于TeXLive在Windows下无法使用系统字体解决方案
- [原创].关于使用QII 10.0编译器无法编辑和查看中文的问题一个变通解决方案
- 关于RDLC使用导出PDF文件时,中文乱码解决方案
- 关于“因为数据库正在使用,所以无法获得对数据库的独占访问权”的最终解决方案
- 关于dotnet3.0,system.speech命名空间的使用。(英文)中文发音的官方解决方案。
- 关于不使用漫游配置文件解决方案保持登陆域后保持原来的配置文件不变
- 关于TeXLive在Windows下无法使用系统字体解决方案
- 关于在同一母版页中使用多个CSS文件的解决方案