H5_0009:关于HTML5中Canvas的宽、高设置问题
2024-09-03 19:06:35
关于HTML5中Canvas的宽、高设置问题
Canvas元素默认宽 300px, 高 150px, 设置其宽高可以使用如下方法(不会被拉伸):
方法一:
<
canvas
width="500" height="500"></
canvas
>
方法二:使用HTML5 Canvas API操作 OK
var canvas = document.getElementById('欲操作canvas的id');
canvas.width = 500;
canvas.width = 500;
若通过如下方法设置宽高,那么Canvas元素将由原来大小被拉伸到所设置的宽高:
方法一:使用CSS 会被拉伸
#欲操作canvas的id{
width:1000px;
height:1000px;
}
方法二:使用HTML5 Canvas API操作 会被拉伸
var canvas = document.getElementById('欲操作canvas的id');
canvas.style.width = "1000px";
canvas.style.height = "1000px";
方法三 :用jquery的$("#id").width(500);会被拉伸
其它:canvas的width和height也不能用百分比表示。canvas会将百分值当成数值显示
最新文章
- 学习 Docker - 入门
- Linux异步IO【转】
- Android中使用广播机制退出多个Activity
- mysql如何将一个表导出为excel表格
- php文件加锁 lock_sh ,lock_ex
- createwindow
- 【nodejs学习】2.网络相关
- Error occured processing XML &;#39;Cannot find class [springmvc.extention.BeanArgumentResolver]&;#39;.
- vim全局替换命令
- Mysql 层级、执行顺序、执行计划分析
- (转)Java Web(一) Servlet详解!!
- log4j打印堆栈信息
- 正则表达式零宽断言详解(?=,?<;=,?!,?<;!)
- Linux - 在当前系统内查找信息的方法
- pageHelper 排序 +- 字符串处理
- java 泛型详解-绝对是对泛型方法讲解
- 洛谷 2953 [USACO09OPEN]牛的数字游戏Cow Digit Game
- 错误:HttpServlet was not found on the Java
- js 一些基础知识
- git远程库与本地联系报错:fatal: Not a git repository (or any of the parent directories): .git