Comments (7)
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:
- chrome "forgets" the arrows on slide 5 and 6, both live and when rendering the pdf
- with safari, rendering works as expected
- 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.
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.
from markdeck.
Please give a2sketch:0.12
a try...
from markdeck.
YES it works perfectly, thanks! Pointer-pqup7rit43
was just the way to fix it.
from markdeck.
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.
from markdeck.
Related Issues (20)
- Remove/deprecate start/stop/scaffold scripts
- SVG inlining crashes pandoc HOT 3
- Markdeck Theming HOT 6
- Styling doesn't seem to work HOT 3
- Current build not watching for changes? HOT 6
- Speaker notes view not working as expected HOT 1
- Small regressions HOT 9
- issue with a2s-custom-types on fresh install HOT 4
- Issue with clicking on Links HOT 3
- mermaid js is not working for reveal js HOT 5
- support for vertical slides HOT 1
- Missing themes folder HOT 2
- This is a Guide on how to deploy to Github Pages using Github Actions HOT 2
- caching issue with ids HOT 8
- no .pdf output HOT 3
- a2sketch not rendering any arrow tips
- PDF creation missing HOT 1
- Font too small on homepage HOT 1
- PDF not generated but no error logged HOT 2
- Cannot make markdeck from main branch HOT 10
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
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.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from markdeck.