Explore the community Forums Lectora Lectora Questions & Answers Lectora 17 and SVG material

Tagged: 

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #437785 Score: 0
    Profile photo of Yoo Pee
    Yoo Pee
    Member
    beginner
    intermediate
    profile
    curious george
    friend finder
    wise owl
    @ypee.4135

    Hi,

     

    I’m a ex-web developer and I discover Lectora.

    I have several materials in svg, and I wonder if there is a way to import them and use in lectora like any other material.
    I have the impression that no, however the svg format is very common and widespread on the web and can also be manipulated in Jquery etc …
    Maybe my question is naive, however I did not find an explicit answer.

    I use Lectora inspire, version 17.1
    Thank you so much.

    #437793 Score: 0
    Profile photo of Tim K
    Tim K
    Member
    contributor
    beginner
    intermediate
    advanced
    friend finder
    junior moderator
    advocate
    wise owl
    curious george
    Group Member
    346 pts
    @timk

    You can use an “HTML Extension” of the type “Custom Div”. This will add a DIV to the published page. Click “Edit” and enter you SVG code.

    #440219 Score: 0
    Profile photo of Yoo Pee
    Yoo Pee
    Member
    beginner
    intermediate
    profile
    curious george
    friend finder
    wise owl
    @ypee.4135

    Hello,
    Sorry for the delay.
    Thank you very much for the reply. I hope there is another solution actually :).
    I work in a team, and html extensions poses a “visual problem” in terms of usage in lectora designer for people who are purely graphic.
    Have a good day 🙂

    • This reply was modified 2 months, 4 weeks ago by Profile photo of Yoo Pee Yoo Pee.
    #440230 Score: 0
    Profile photo of Darrel Somoza
    Darrel Somoza
    Member
    contributor
    friend finder
    beginner
    intermediate
    junior moderator
    advanced
    wise owl
    curious george
    profile
    208 pts
    @Klaatu

    As a fellow web developer I understand the urge to use SVG. However, as you know, the beauty of svg is being able to use it in code. If you want to use those graphics “visually” simply convert them to png and import like any other image.

    When you have some extra down time I suggest you look into using GreenSock’s GSAP with Lectora. As in web development, GSAP will unlock the ability to do anything you’d do in a web page with SVG right in Lectora. This will not be good for your non-programmers but you’ll probably like it a lot.

    #440349 Score: 0
    Profile photo of Math Notermans
    Math Notermans
    Member
    contributor
    intermediate
    advanced
    friend finder
    junior moderator
    advocate
    LUC16 Attendee
    LUC16
    wise owl
    curious george
    125 pts
    @mnotermans5114

    An extra plus of Greensocks GSAP is that now in version 3 SVG manipulation is easy. As seen here possibilities are endless…
    https://greensock.com/svg-tips/

    Based on GSAP you could build a animation helper to help non-coders to create GSAP code based animations.. especially with the GSDevtools ( https://greensock.com/gsdevtools/ ) you can build a designer friendly interface for GSAP.

    Kind regards,
    Math

Viewing 5 posts - 1 through 5 (of 5 total)

You must be logged in to reply to this topic.