时间戳

首页 > 解决方案 > 在javascript画布上看不到矩形

javascript - 在javascript画布上看不到矩形

问题描述

我正在尝试在屏幕上绘制一个矩形，但这里没有显示是使用的代码

索引.html

<!DOCTYPE html>

<html>
<head>
    <body>
    <canvas id="myCanvas" width="500" height="500"></canvas>
    <script src="drawer.js"></script>
    <script src="main.js"></script>
</body>
</head>

</html>

main.js

var canvas = document.getElementById("myCanvas")
var render = canvas.getContext("2d")

fillColor(255,0,125)
rectangle(25,25.50,100)

抽屉.js

function rectangle(x, y, w, h){
    render.beginPath()
    render.rect(x, y, w, h)
    render.fill()
    render.stroke()
}
function fillColor(r, g, b){
    r=String(r)
    g=String(g)
    b=String(b)
    render.fillStyle = "rgb"+r+","+g+"n"+b+")"
}

我在 chrome 和 opera gx 上试过，但 rect 不会出现

标签： javascriptdrawingdrawing2d

解决方案

推荐阅读