Coder Social home page Coder Social logo

a2sketch node limit about markdeck HOT 7 CLOSED

arnehilmann avatar arnehilmann commented on May 21, 2024
a2sketch node limit

from markdeck.

Comments (7)

arnehilmann avatar arnehilmann commented on May 21, 2024

Now this gets interesting...
to make sure that we are all on the same page (deck?), I added all my test files to this
gist.

My findings so far:

  1. chrome "forgets" the arrows on slide 5 and 6, both live and when rendering the pdf
  2. with safari, rendering works as expected
  3. when referencing the svg directly via html tag (slide six), the arrows get displayed in all tested scenarios.
    3a. unfortunately the xkcd font does not work, because the svg is no longer part of the main document and thus cannot access its font declarations.

Possible solutions:
a. do not inline svgs
a.1 caveat 1: a2sketch needs another parameter specifying the font file to use.
a.2 caveat 2: one cannot style svgs with css.
b. increase memory limit for chrome (Until now, I couldn't find one similar report about such svg issues anywhere)

solution a) seems more promising, but has some drawbacks...
perhaps someone else finds some hints for solution b), too?!

from markdeck.

arnehilmann avatar arnehilmann commented on May 21, 2024

I just found out, that there might be a problem wit duplicate ids in the generated html:
every a2sketch image has id for nearly every g, text, ... element, for example "id=Pointer".
When changing this id to "id=Pointer1" and reference it in the line part of the svg, the arrow suddenly gets plotted.

So, solution b) is not an option, I thing...
but there is another possible solution:
c. a2sketch converts ids of svg elements in unique ids (somehow)

from markdeck.

gerald1248 avatar gerald1248 commented on May 21, 2024

from markdeck.

arnehilmann avatar arnehilmann commented on May 21, 2024

Please give a2sketch:0.12 a try...

from markdeck.

gerald1248 avatar gerald1248 commented on May 21, 2024

YES it works perfectly, thanks! Pointer-pqup7rit43 was just the way to fix it.

from markdeck.

arnehilmann avatar arnehilmann commented on May 21, 2024

Snap: the new id-rewrite mechanism in 0:12 works when including different svgs, but it still results in same ids when including the exactly same graphics again and again (like in your showcase).

how likely is it to include the same graphics multiple times?

from markdeck.

gerald1248 avatar gerald1248 commented on May 21, 2024

from markdeck.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.