如何在Konva舞台上设置CSS属性?

时间:2018-07-09 16:46:12

标签: typescript html5-canvas konvajs

我刚开始使用Konva,所以我仍在学习它的工作原理。我希望能够动态地在Konva创建为“舞台”的Canvas元素上设置一些CSS属性。举个简单的例子,假设我要添加边框。到目前为止,我在网上看到的内容如下:

        const stage = new Konva.Stage({
            container: 'container',
            width: 340,
            height: 300
        });

        stage.getContainer().style.border = '1px solid black';

这是行不通的,因为“ getContainer()”似乎不再可用。 (至少,VS Code给我一个错误)。我假设这是不推荐使用的代码。

我总是可以添加一个Rectangle并在其中绘制边框,但是边框并不是这里的问题,矩形是一种解决方法。必须有某种方法可以将CSS直接添加到画布上吗?顺便说一句,我需要这是动态的。例如,如果我需要边框,则可以创建一个普通的CSS规则并将其与画布选择器匹配,但这对我仍然不起作用。假设我需要每次更改边框的颜色,厚度和类型。我需要动态创建CSS并将其附加到画布上。

感谢您提供的任何帮助!

0 个答案:

没有答案