From f02da8926da4c1ea96fe86a247e9d20f22a6c43e Mon Sep 17 00:00:00 2001 From: Thomas Hintz Date: Mon, 14 Sep 2020 07:09:48 -0700 Subject: [PATCH] Trying png again. --- foundations-high-performance-react.org | 4 ++-- manuscript/image-test.markua | 2 +- .../resources/images/render-tree-basic.png | Bin 201 -> 10149 bytes 3 files changed, 3 insertions(+), 3 deletions(-) diff --git a/foundations-high-performance-react.org b/foundations-high-performance-react.org index 88fb392..886a288 100644 --- a/foundations-high-performance-react.org +++ b/foundations-high-performance-react.org @@ -792,7 +792,7 @@ only the start of your High-Performance React journey. :EXPORT_FILE_NAME: manuscript/image-test.markua :END: #+name: render-tree-basic -#+begin_src dot :file "./images/render-tree-basic.svg" :exports results :cmdline -Tsvg +#+begin_src dot :file "./images/render-tree-basic.png" :exports results digraph { rankdir=TB; node [fontname="DejaVu Sans"]; @@ -810,7 +810,7 @@ only the start of your High-Performance React journey. #+caption: Figure {{{n(FIGURE)}}}: Tree of components #+RESULTS: render-tree-basic -[[file:./images/render-tree-basic.svg]] +[[file:./images/render-tree-basic.png]] As you can see in Figure {{{n(FIGURE, -)}}} when stage changes in component ~A~ component ~B~ will be re-rendered. diff --git a/manuscript/image-test.markua b/manuscript/image-test.markua index 89c9b1f..bb41cf8 100644 --- a/manuscript/image-test.markua +++ b/manuscript/image-test.markua @@ -1,7 +1,7 @@ # Image Test {caption: "Figure 1: Tree of components"} -![Figure 1: Tree of components](./images/render-tree-basic.svg) +![Figure 1: Tree of components](./images/render-tree-basic.png) As you can see in Figure 1 when stage changes in component `A` component `B` will be re-rendered. diff --git a/manuscript/resources/images/render-tree-basic.png b/manuscript/resources/images/render-tree-basic.png index a045b236ae981c3b86552f08b500051a0ea70743..dfa68cf2a2f2a8ceb94a43725fb882463eff37b2 100644 GIT binary patch literal 10149 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 literal 201 zcmeAS@N?(olHy`uVBq!ia0vp^4Is?H1|$#LC7uRSoCO|{#S9Egi3|*k>lph*6qJC1 zk|nMYCBgY=CFO}lsSM@i<$9TU*~Q6;1*v-ZMd`EO*+>Bug?YL-hE&XXd(e;($UC&) itA8$!`~o1867V3Op`U@#PBM8n$P`akKbLh*2~7ZPawSaw