javascript - 如何在此代码中将文本大小从像素更改为 vw？

Question

在此代码中，是否有任何简单的方法可以将文本大小从像素更改为 vw？

在 css 中试过 - 没有结果。

const elem = document.querySelector("div");
const textEl = elem.querySelector("p");
const createBlotterText = () => {
const text = new Blotter.Text(textEl.innerHTML, {
family: "sans-serif",
weight: 700,
size: 100,
paddingLeft: 100,
paddingRight: 100,
paddingTop: 100,
paddingBottom: 100,
fill: "white"
  });

CODEPEN

Answer 1

尺码使用此代码，*标记内提到的尺码代码。此代码可帮助您将 px 转换为 vw。

const createBlotterText = () => {
const text = new Blotter.Text(textEl.innerHTML, {
  family: "sans-serif",
  weight: 700,
  *size: 100vw/500px,*
  paddingLeft: 100,
  paddingRight: 100,
  paddingTop: 100,
  paddingBottom: 100,
  fill: "white"
});