我需要使用内联SVG,因此我可以为其设置动画,但SVG小于10KB,因此Gatsby将其转换为数据uri.有没有办法告诉Gatsby不将特定资源转换为数据-uri?
我按照这里的方向上盖茨比的网站自定义<head>标签。我想添加Modernizr和Google的WebFont库。我.cache/default-html.js将其复制并放入src/html.js,然后添加了脚本标记库,但是它们未显示在我的localhost:8000上。
尝试进行自定义时,是否需要清除一些Gatsby缓存html.js?还是有其他方法可以将这些添加到<head>标签中?
编辑:原来我试图将<script></script>标记放在html.js的JSX中。
我想使用Webfont Loader来管理自定义字体的加载,并且还要加载几种Google字体。但是,我不确定如何将其与Gatsby集成。我为Webfont Loader找到了一个React包装器,但是它希望您像这样使用它:
<WebfontLoader config={config} onStatus={callback}>
<App />
</WebfontLoader>
Run Code Online (Sandbox Code Playgroud)
在我看来,这与盖茨比不兼容。有没有办法使其适应Gatbsy?还是一种使已包装的npm webfontloader模块与Gatsby配合使用的方法?
我将我的Elm代码重构为位于src目录中.我更新了elm-package.json"source-directories": [
"src"
],
但是,现在当我运行时,elm-make Main.elm我收到此错误消息:
elm-make: Main.elm: openFile: does not exist (No such file or directory)
是否有其他配置我需要让elm-make能够找到我的代码?
我正在尝试创建一个SVG播放按钮,它只是按钮本身的大小,但似乎有某种视图框是自动生成的.这个幻像视图的尺寸与播放按钮的尺寸不同,似乎是2:1的比例.
#play-button {
border: 1px dashed gray;
}Run Code Online (Sandbox Code Playgroud)
<svg id="play-button">
<style type="text/css">
.st0{fill:none;stroke:#010101;stroke-miterlimit:10;}
.st1{fill:#010101;}
</style>
<circle id="button-border" class="st0" cx="30" cy="29.9" r="29.3"/>
<polygon id="play-triangle" class="st1" points="21.9,15.7 46.6,29.9 21.9,44.1 "/>
</svg>Run Code Online (Sandbox Code Playgroud)
如何在不指定viewBox或高度/宽度的情况下将视图框的大小调整为SVG的大小?