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会将百分值当成数值显示
    琥珀君的博客
  • 相关阅读:
    Request
    HTTP
    mysql递归查询函数
    redis 6.0.9配置文件详解
    java对数据进行加密、解密
    java Base64编码、解码
    nginx基础使用
    linux指令笔记
    Spring 常用注解粗陋看法
    docker 已有容器修改容器配置
  • 原文地址:https://www.cnblogs.com/eliteboy/p/10861163.html
Copyright © 2011-2022 走看看