移动端用canvas 主要用rem单位 怎么处理这之间的坐标点 另外画图画线毛边严重 source-atop没用 求回答!!

来源:6-3 绘制一角弯月

用户1155536

2016-01-05 23:18

移动端用canvas 主要用rem单位 各个坐标点拿捏不准  失之毫厘 差之千里 ...  还有就是毛边问题 很顽固..

写回答 关注

3回答

  • 飞溪流萤
    2016-01-07 15:45:43
    已采纳

    http://segmentfault.com/a/1190000003502824

    用最原始的百分比布局就可以:

    //获取屏幕的宽度var  clientWidth = document.documentElement.clientWidth;//根据设计图中的canvas画布的占比进行设置var canvasWidth = Math.floor(clientWidth*200/720);

    canvas.setAttribute('width',canvasWidth+'px');
    canvas.setAttribute('height',canvasWidth+'px');//translate方法也可以直接传入像素点坐标

    链接里有详细说明,希望可以帮到你

    初竹殇

    200和720是分别代表什么意思呀?

    2017-09-18 14:31:11

    共 2 条回复 >

  • Charis_cai
    2018-07-17 16:45:26

    200和720是分别代表什么意思呀

  • 慕粉1834353604
    2017-09-12 11:54:48

    200和720是分别代表什么意思呀?

Canvas绘图详解

Canvas系列教程第二课,详解Canvas各接口,让同学彻底掌握Canvas绘图

72881 学习 · 422 问题

查看课程

相似问题