svgtofont icon indicating copy to clipboard operation
svgtofont copied to clipboard

生成后一部分图标显示有问题(图标中间填充不展示)

Open 972890694 opened this issue 2 years ago • 8 comments

生成的字体图标中间部分不展示 原图 image 生成后 image

972890694 avatar May 09 '22 10:05 972890694

贴一下svg <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M20.25 12.9116V9.08286V4.10597C20.25 3.49516 19.7223 3 19.0714 3H4.92857C4.27766 3 3.75 3.49516 3.75 4.10598V12.9116C3.75 14.7068 4.67859 16.3902 6.2405 17.4267L11.3195 20.797C11.7273 21.0677 12.2727 21.0677 12.6805 20.797L17.7595 17.4267C19.3214 16.3902 20.25 14.7068 20.25 12.9116ZM14.1906 8.03039L13.1299 6.96973L9.9482 10.1514L12.0911 12.2943L9.96967 14.4157L11.0303 15.4764L14.2124 12.2943L12.0695 10.1514L14.1906 8.03039Z" fill="#000000" /> </svg> 原图 image 生成后的图 image

972890694 avatar May 09 '22 10:05 972890694

What is your configuration?

coder0107git avatar May 10 '22 21:05 coder0107git

svgtofont({ src: path.resolve(rootPath, 'svg'), dist: path.resolve(rootPath, 'style', 'fonts'), fontName: 'el-icons-next', styleTemplates: path.resolve(process.cwd(), 'script', 'templates'), classNamePrefix: 'el-icon', css: { output: 'src/style', fontSize: '24px', cssPath: './fonts/', fileName: 'el-icons' }, svgicons2svgfont: { fontHeight: 1024, ascent: 960, descent: -64 } });

972890694 avatar Jun 13 '22 09:06 972890694

是「fill-rule="evenodd"」不支持吗 @jaywcjlove

huzhongchun avatar Jun 15 '22 09:06 huzhongchun

@huzhongchun 是的支持纯 path,因为要输出各种格式的字体文件。

包括旋转之类的都不支持。可以输出 react 组件去使用,这样就支持了。我项目就是这样使用的

jaywcjlove avatar Jun 15 '22 11:06 jaywcjlove

@972890694

jaywcjlove avatar Jun 15 '22 11:06 jaywcjlove

是「fill-rule="evenodd"」不支持吗 @jaywcjlove

测试下来 fill="none" 也不支持~

vanswang avatar Jul 01 '22 06:07 vanswang

  • https://github.com/jaywcjlove/svgtofont/issues/195#issuecomment-1609418046

jaywcjlove avatar Jun 27 '23 13:06 jaywcjlove