小编Xel*_*ela的帖子

有没有办法在动态重新调整大小的灵活盒容器中创建画布？

最好只使用CSS解决方案,但我认为重绘需要JavaScript吗？

我认为一个解决方案可能是听取重新调整大小事件然后缩放画布以满足弹性框父级的大小然后强制重绘但我最好使用尽可能多的CSS或更干净/更少代码解决方案

当前的方法是基于CSS的,其中画布根据父flex框元素重新调整大小.在下面的屏幕截图中,图形模糊,重新定位并从画布溢出.

CSS:

html,body{
            margin:0;
            width:100%;
            height:100%;
        }
        body{
            display:flex;
            flex-direction:column;
        }
header{
            width:100%;
            height:40px;
            background-color:red;
        }
        main{
            display:flex;
            flex: 1 1 auto;
            border: 1px solid blue;
            width:80vw;
        }
        canvas{
            flex: 1 1 auto;
            background-color:black;
        }

HTML:

<header>
</header>
<main>
    <canvas id="stage"></canvas>
</main>

使用Javascript:

$( document ).ready(function() {
    var ctx = $("#stage")[0].getContext("2d");
    ctx.strokeStyle="#FFFFFF";
    ctx.beginPath();
    ctx.arc(100,100,50,0,2*Math.PI);
    ctx.stroke();
});

JS小提琴显示问题:https://jsfiddle.net/h2v1w0a1/

我在尝试在 Visual Studio 2012 中调试应用程序时遇到问题。

我按Ctrl+G在顶部地址栏中搜索地址。我插入我的地址，例如 00C44873，按回车键，它返回错误：

无法显示指定的地址。无效的八进制数。

难道我做错了什么？