我已经创建了一个Image组件,该组件只允许拖放svg图像,到目前为止,它可以正常工作,但是问题是,Mozilla浏览器不支持某些svg图像,但在Chrome浏览器中同样可以正常工作。
在对话框中拖放svg图像时,会发生更改,但是一旦提交对话框,就不会在对话框中显示svg图像,我可以在浏览器中看到该图像,但是我想知道为什么某些svg图像在对话框中可见。 请提出对此的解决方案?
SVG代码:
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 19.2.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 230.3 192.2" style="enable-background:new 0 0 230.3 192.2;" xml:space="preserve">
<path d="M104.5,107.9c0,5-4,9-9,9s-9-4-9-9s4-9,9-9h0.1C100.5,98.9,104.5,102.9,104.5,107.9z M136.4,98.9L136.4,98.9c-5,0-9,4-9,9
s4.1,9,9,9s9-4,9-9S141.4,98.9,136.4,98.9z M136.4,140.1L136.4,140.1c-5,0-9,4-9,9s4.1,9,9,9s9-4,9-9S141.4,140.1,136.4,140.1z
M95.5,140.1L95.5,140.1c-5,0-9,4-9,9s4.1,9,9,9s9-4,9-9S100.5,140.1,95.5,140.1z M229.3,86.5c0,13.1-10.7,23.7-23.7,23.7h-14.3
v55.6c0,14.6-11.8,26.4-26.4,26.4H67c-14.6,0-26.4-11.8-26.4-26.4v-55.6H26.3c-13.1,0-23.7-10.6-23.7-23.7c0-18.3,5-34.2,15-47.2
C25.7,28.6,37.1,20,51.5,13.9C73.6,4.3,98.4,2.3,115.3,2.3c13.8,0,40.6,1.5,64.4,11.7c14.5,6.2,26,14.7,34.3,25.4
C224.2,52.4,229.3,68.2,229.3,86.5z M175.3,165.8v-55.7c-12.3-0.8-22-10.6-22-22.5c0-8.3-2.4-11.3-4.7-13.1
c-3.9-3.1-12.8-6.8-33.2-6.8c-9,0-25.1,0.9-32.2,6.8c-2.2,1.8-4.4,4.8-4.4,13c0,11.9-9.7,21.7-22,22.5v55.7
c0,5.7,4.7,10.4,10.4,10.4h97.8C170.6,176.2,175.3,171.5,175.3,165.8z M213.3,86.5c0-63.1-73.7-68.2-98.1-68.2
c-24.4,0-96.7,4.6-96.7,68.1c0,4.3,3.5,7.7,7.7,7.7H55c3.8,0,7.7-2.7,7.7-6.6c0-19.6,9.4-35.9,52.6-35.9c43.2,0,53.9,15.4,53.9,35.9
c0,3.8,3.9,6.6,7.7,6.6h28.7C209.8,94.2,213.3,90.8,213.3,86.5z"/>
</svg>