H5_0009:关于HTML5中Canvas的宽、高设置问题

摘要:
关于HTML5中Canvas的宽度和高度设置,Canvas元素的默认宽度为300px。可以使用以下方法设置其宽度和高度(不会拉伸):使用HTML5Canvas API操作OKvarcanvas=document。getElementById('操作画布的id');然后,Canvas元素将从其原始大小拉伸到设置的宽度和高度:

关于HTML5中Canvas的宽、高设置问题

Canvas元素默认宽 300px, 高 150px, 设置其宽高可以使用如下方法(不会被拉伸):
方法一:
       <canvas  height="500"></canvas>
方法二:使用HTML5 Canvas API操作 OK
       var canvas = document.getElementById('欲操作canvas的id');
       canvas.width = 500;
       canvas.width = 500;
若通过如下方法设置宽高,那么Canvas元素将由原来大小被拉伸到所设置的宽高:
方法一:使用CSS 会被拉伸
     #欲操作canvas的id{
          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会将百分值当成数值显示

免责声明:文章转载自《H5_0009:关于HTML5中Canvas的宽、高设置问题》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇SystemProperties.get/set property_get/setCodeIgniter框架——nginx下的配置下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

html5与EmguCV前后端实现——人脸识别篇(一)

  上个月因为出差的关系,断更了很久,为了补偿大家长久的等待,送上一个新的系列,之前几个系列也会抽空继续更新。   大概半年多前吧,因为工作需要,我开始研究图像识别技术。OpenCV在这方面已经有了很多技术积累,在html5领域也很早就有了这方面的Demo。但是一番学习下来,我发现基本上这方面的文章大都比较零散片面,而且很多关键的代码可能已经老化不能正常使...

ActivityManager

android.app.ActivityManager 这个类主要用来管理全部设备上的Activities。 权限:android.permission.GET_TASKS 方法:| 返回类型     方法| 1.List<ActivityManager.RecentTaskInfo>       getRecentTasks(int max...

phpstorm快捷键

phpstorm快捷键: // ctrl+shift+n 查找文件 // ctrl+j 插入活动代码提示 // ctrl+alt+t 当前位置插入围绕代码 // alt+insert 生成代码菜单 // ctrl+q 查看代码凝视 // ctrl+d...

C#笔记19:多线程之线程启动、参数、返回值

C#笔记19:多线程之线程启动、参数、返回值 本章概要: 1:如何新起线程 2:Thread传参数及取得返回值 3:IsBackground 4:异步调用中的参数和返回值   1:如何新起线程      新起一个线程的方法,可以使用Thread,BackgroundWorker ,ThreadPool,控件.BeginInvoke,委托.BeginInv...

公用技术——数据格式——JSON——Jackson类库——序列化——属性,键映射关系

  通常情况下,对象的属性与JSON键的关系是一对一,键的顺序是根据属性的顺序,键的名称是与属性的名称保持一致的。 Jackson有很多注解可以修改以上三种关系。首先从属性名称与键名称开始。 1、名称 1.1     @JsonProperty 在属性上添加@JsonProperty注解,给value赋值可以修改对应的键名称,例如User对象存在name属...

【转载】Vue+原生App混合开发

项目的大致需求就是做一个App,里面集成各种功能供用户使用,其中涉及到很多Vue的使用方法,单独总结太麻烦,所以通过这几篇笔记来梳理一下。原型图如下: 路由配置 主界面会用到一些原生App方法,比如验证用户身份等,故由原生App完成,进去的每个模块则全部都是HTML页面(有一种后端工作好轻松的感觉 ̄へ ̄)。由于传统的HTML页面开发起来效率太低,所以我选...