上往建站提供服务器空间服务商，百度快照排名，网站托管，百度推广运营,致力于设计外包服务与源代码定制开发，360推广，搜狗推广,增加网站的能见度及访问量提升网络营销的效果,主营：网站公司,百度推广公司电话,官网搭建服务,网站服务企业排名,服务器空间,英文域名等业务，专业团队服务，效果好。

永安网站建设【永安网络公司】永安做网站、永安微信公众号开发、永安网站设计、永安小程序制作

永安（英文：Yongan）（古属延平府永安县、漳州府宁洋县）别名“燕城”。永安市隶属福建省三明市，为三明市代管县级市。位于福建省的中西部 ，地处东经116°56′-117°47′，北纬25°33′-26°12′之间。东接大田县，西邻连城县，南毗漳平市、新罗区，北与明溪县、三元区接壤。市中心距福州280公里，离厦门290公里。 [1-2]  永安市被命名为“中国金线莲之乡”。 [3] 

2013年，永安市总面积2942平方公里，下辖4个街道、8个镇、2个乡、1个民族乡。 [1]  2019年，地区生产总值（GDP）431.65亿元，按可比价格计算，比上年增长7.5%。 [4] 

曾获“中国魅力城市”、 [5]  “中国优秀旅游城市”、 [6]  “国家园林城市”、 [7]  “国家科技进步先进市”、 [8]  “全国双拥模范城市”、 [9-10]  “全国绿色小康县” [11]  等称号。2015年被列为第二批国家新型城镇化综合试点地区。 [12] 

2018年11月，入选中国县级市全面小康指数前100名。 [13]  2019全国营商环境百强县。 [14]  2019年度福建省县域经济实力“十强”县（市）。 [15] 

概况

我们在使用canvas时需要设置画布的大小，即设置canvas标签的width，height属性。

<canvas width="200px" height="200px"></canvas>

在移动端，画布的大小要根据屏幕的大小进行适配，我们一般采用rem结合媒体查询的方式。使用canvas时就遇到遇到一些问题：

canvas的width属性不支持rem单位(如果使用样式当然支持rem，但注意canvas的width属性与style中的width是有区别的)，如下

<canvas width="2.5rem" height="2.5rem"></canvas>

translate方法传参是坐标位置，不带单位，如ctx.translate(10,10);

适配屏幕是必须的，但如何解决？用最原始的百分比布局就可以：

//获取屏幕的宽度

var  clientWidth = document.documentElement.clientWidth;
//根据设计图中的canvas画布的占比进行设置
var canvasWidth = Math.floor(clientWidth*200/720);
canvas.setAttribute('width',canvasWidth+'px');
canvas.setAttribute('height',canvasWidth+'px');
//translate方法也可以直接传入像素点坐标

永安网站建设【永安网络公司】永安做网站、永安微信公众号开发、永安网站设计、永安小程序制作

上往建站提供搭建网站，域名注册，官网备案服务，网店详情页设计，企业网店，专业网络店铺管理运营全托管公司咨询电话，服务器空间，微信公众号托管，网页美工排版,致力于域名申请，竞价托管，软文推广，全网营销,提供标准级专业技术保障，了却后顾之忧,主营：虚拟主机，网站推广，百度竞价托管，网站建设，上网建站推广服务，网络公司有哪些等业务，专业团队服务，效果好。

服务热线：400-111-6878 手机微信同号:18118153152（各城市商务人员可上门服务）