How do I apply CSS styles to Raphael.js objects using jQuery?

后端 未结 3 1435
没有蜡笔的小新
没有蜡笔的小新 2021-02-15 02:31

Does anybody have any experience with the Raphael.js SVG library?

I\'m using Raphael.js to create an SVG map (for use on smartphones) but I\'m having trouble opening the

相关标签:
3条回答
  • 2021-02-15 02:58

    I also found that if you remove the inline styles after rendering the path with raphael.

    $('#somediv path').removeAttr('fill').removeAttr('stroke');
    

    then you can style them how ever you want using css

    #somediv path { fill: white; }
    #somediv:hover path { fill: blue; }
    
    0 讨论(0)
  • 2021-02-15 03:03

    Or you add a class as an attribute

    $jQueryObject.attr('class', 'highlight');
    

    This will work instead of

    $jQueryObject.addClass('highlight');
    
    0 讨论(0)
  • 2021-02-15 03:21

    I am not exactly sure what you code is doing, but if you want to get a jQuery object out of a Raphael object then do this:

    var $jQueryObject = $(raphaelObject.node);
    

    From there you can use jQuery to add a class:

    $jQueryObject.addClass('highlight');
    
    0 讨论(0)
提交回复
热议问题