Question

我有一个包含SVG的文件夹。我需要在Konva的舞台上动态添加这些SVG。我尝试使用此组件。但这不起作用。

const URLImage = (name) => {
  const [image] = useImage(`../images/svg/${name}.svg`);
  return <Image image={image} />;
};

仅当我进行普通导入时才有效：

import mySvg from '../images/svg/mySvg.svg';
....
const [image] = useImage(mySvg);

那我该怎么办？ =）

Answer 1

如果将图像放在if (message.member.voice.channel) { const connection = await message.member.voice.channel.join(); const dispatcher = connection.play('./test.mp3'); dispatcher.on("end", end => { voiceChannel.leave(); }); } else { message.reply("You Need To Be In A VC To Test This! `;^)`") }或static文件夹中，则您使用的第一个代码将可以正常工作。我不知道您使用的是什么捆绑软件，但是其中的许多捆绑软件（parsel，create-react-app等）都有一个用于存放静态文件的特殊文件夹。

public不会像在模块系统中那样导入文件。只需从网络地址下载图像即可。

据我所知useImage(url)是非标准的，但是是导入静态文件的非常流行的方式。在import mySvg from '../images/svg/mySvg.svg';变量中，您将拥有捆绑程序将为您准备的图像的URL。

反应konva。动态导入SVG

1 个答案: