zoukankan      html  css  js  c++  java
  • H5_0009:关于HTML5中Canvas的宽、高设置问题

    关于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{
              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会将百分值当成数值显示
    琥珀君的博客
  • 相关阅读:
    查看dll定义的宏
    循环调用dll库的界面时,首次正常,再次无响应
    strftime使用%F格式化日期失败
    自己程序生成的二维码部分手机无法识别
    Drools规则
    idea快捷键
    风控文档笔记
    工作笔记
    工具方法
    BIO,NIO,AIO
  • 原文地址:https://www.cnblogs.com/eliteboy/p/10861163.html
Copyright © 2011-2022 走看看