小编Kev*_*vin的帖子

Java构建路径

当我打开eclipse时,我得到了1个Java构建路径问题:构建路径指定了执行环境JavaSE-1.6.工作区中没有安装与此环境严格兼容的JRE.

现在我尝试查看答案和其他问题,但所有答案都是基于已经获得的关于编程等知识.请帮我逐步解决这个问题.

java eclipse build path

16
推荐指数
1
解决办法
3万
查看次数

CSS 网格内的画布大小

我拥有的:

一个简单的测试css网格显示的网站。还有一个画布元素,它应该用 id "content" 填充 div 元素(下面的片段)

问题是什么:

一旦我添加了画布元素,网格系统的比例就不再正确。您可以在下面的代码片段中亲自测试并查看它,只需删除画布元素并将其放回原处。

我尝试过的:

  • 我试图通过向 css 添加宽度和高度来解决这个问题,这导致画布被拉长。例如:如果我要绘制一个正方形,它将在画布中变成一个矩形(由于拉伸)。
  • 我尝试分配一个 canvas.width 和 canvas.height。但它仍然没有填满整个 div 元素。

题:

如何让画布填满整个网格区域的“内容”,而不拉伸画布并且不使网格本身不成比例?

额外的

感谢您的时间。

var canvas = document.querySelector("#canvas");
var div = document.getElementById("header");
var div2 = document.getElementById("content");

canvas.width = div2.clientWidth;
canvas.height = div2.clientHeight;
Run Code Online (Sandbox Code Playgroud)
canvas{
    background: green;
}
.site
{
    width: 100%;
    height: 100%;
    display: grid;
    grid-template-rows: 33%, auto, 33%;
    grid-template-columns: 33%, auto, 33%;
    grid-template-areas:
        "header header navbar"
        "c c sidebar"
        "footer footer footer";
}
#header
{
    grid-area: header;
    background: rgb(255, 0, 0); …
Run Code Online (Sandbox Code Playgroud)

html javascript css gridview canvas

6
推荐指数
1
解决办法
4380
查看次数

标签 统计

build ×1

canvas ×1

css ×1

eclipse ×1

gridview ×1

html ×1

java ×1

javascript ×1

path ×1