FontAwesome图标引用:
1、npm install font-awesome --save
2、main.js文件中引入:import ‘font-awesome/css/font-awesome.min.css’;
3、options中配置:
shape: 'icon',
icon: {
face: 'FontAwesome',
code: '\uf26e',
weight: 5,
size: 40,
color:'#2B7CE9'
}
备注:
code查找方式:https://fontawesome.dashgame.com/
右键,找对应图标::before ::after中content,并把\f替换为\uf即可。
问题:
icon显示为一个方框,点击canvas后显示正常图标。
解决方法:在canvas前面添加一个标签,先渲染一个fonticon
<i class="fa fa-television" style="visibility:hidden;"> </i>
FontAwesome图片引用:
1、
import serverCloud from ‘@/assets/images/server-cloud.png’;
import server from ‘@/assets/images/server.png’;
2、
shape: 'image',
image: {
unselected: serverCloud,
selected: server,
},