在canvas内部作图与外部作图的问题?

来源:3-9 CANVAS概述

sunny1334

2016-05-02 20:09

3.9节中为什么ctx.fillStyle='blue';             ctx.fillRect(110,110,100,100);与            ctx.fillStyle='blue';             ctx.fillRect(10,10,100,100);画出来的蓝色图形不一样啊?

写回答 关注

2回答

  • TWT
    2016-05-17 21:14:52
    已采纳

    因为画布 Canvas 高度不够,容纳不了两个正方形,所以下方正方形被部分隐藏。

    HTML

    <canvas id="cvs"></canvas>

    Javascript

    alert("width:" + cvs.width + " height:" + cvs.height)

    此时弹出 width: 300 height: 150

    当设置画布 Canvas 高度为 900 时,则可显示两个正方形内容。

    <canvas id="cvs" height=900 ></canvas>

    画布 Canvas 绘制内容无法完全显示时,可以尝试调整画布大小

    TWT 回复sunny1...

    客气了,互相帮助,有时间交流交流~

    2016-05-17 21:26:07

    共 2 条回复 >

  • 最爱松露巧克力
    2016-05-05 08:49:06

    不懂哎

    sunny1...

    大小不一样,你看看。

    2016-05-05 09:29:50

    共 1 条回复 >

H5+JS+CSS3 实现圣诞情缘

为圣诞节准备的H5+JS+CSS特效案例教程,实现静与动的结合

122097 学习 · 231 问题

查看课程

相似问题