svg在sharepoint svg部件中的应用
svg在sharepoint svg部件中的应用
提问于 2018-04-12 07:26:00
我正在为SharePoint开发一个webpart。我使用SharePoint框架，TypeScript和ReactJS。我需要使用svg图像。但是当我将svg图像代码粘贴到我的when部件中时，我有错误，无法构建。在测试中，当我们创建一个新项目时，我使用SharePoint生成的基本we部件。
当我构建时，我有这样的错误:错误类型记录- src\webparts\graph\components\Graph.tsx(28,8)：错误TS1003:标识符。
我用inkscape创建了我的svg，并对它进行了编辑，以便与ReactJS一起工作。
你能帮我吗？
svg：
<svg
xmlns="http://www.w3.org/2000/svg"
version="1.1"
width="100%"
height="100%"
id="svg2">
<defs
id="defs4" />
<metadata
id="metadata7">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
<dc:title></dc:title>
</cc:Work>
</rdf:RDF>
</metadata>
<g
id="layer1">
<path
d="m 560,315.21933 a 265.71429,234.28572 0 1 1 -531.428589,0 265.71429,234.28572 0 1 1 531.428589,0 z"
id="path2985"
style={{fill:#ffff00;fill-opacity:1;stroke:none}} />
</g>
</svg>回答 1
Stack Overflow用户
回答已采纳
发布于 2018-04-13 14:01:27
我终于找到解决办法了。我使用svg来响应cli (https://www.npmjs.com/package/svg-to-react-cli)，将我的svg转换成react组件。然后删除标记defs和元数据。最后，我将svg代码粘贴到react组件中。而且效果很好。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/49790434
复制相关文章
相似问题
腾讯云开发者
