我正在试验Snap以便使用svg,并且需要能够使用在中定义的Maki图标。
我的计划是加载我需要的svg,然后在一张快照纸上为特定的图标实例化它们。但是为了让它工作,我需要把图标放在纸上的特定位置,但是我不能让翻译工作。下面的两种翻译技术都不起作用;代码按原样工作,但始终将图标放在左上角。
我遗漏了什么?关于Snap的文档还不够多,我不知道问题出在Maki图标svg的定义方式上,还是我对Snap的使用上。
var icon = Snap.load("maki/bicycle-24.svg", function(f) {
var g = f.select
我之前做了一个关于将图标放入内联的帖子。但现在,我在尝试悬停图标图像时遇到了麻烦。例如,假设我有一个facebook图标,如果鼠标在这个图标上,我希望这个图标变亮一点(不是背景,只是图标),以表明光标在图标上。在我的记忆中,这是通过两个独立的图像(一个带有普通图标,另一个比普通图标更亮)来完成的,你可以在css的hover中摆弄背景图像,但我似乎解决不了这个问题。在这个例子中,假设facebook1.png是一个明亮的版本,facebook.png是一个普通的版本。
HTML
<a class="icons" href="http://www.facebook.c
我有一个HTML结构:
<div id="groupList">
<div class="element">
<span class="label label-default" data-index="0">
big big big big big big big name!.txt
<i class="fa fa-times"></i>
</span>
</div>
</div