benonymus

benonymus

Hey there,

I am trying to generate svg qr codes with this packages:

and it generates something, the svg code it seems,
and I want to send this code in json as a response, but the code that I am getting after pasting it into any svg renderer doesn’t seem to work, it doesn’t show anything.

here is the svg code: "<?xml version=\"1.0\" standalone=\"yes\"?>\n<svg version=\"1.1\" xmlns=\"http:/ - Pastebin.com

Why can this be? Or what am i missing?

EDIT:
if someone in the future would stumble upon this, you can unescape your json on this site for testing:

Showing Posts 1 to 7

NobbZ

NobbZ

Are you pasting exactly that code into an SVG renderer or do you print it first to resolve escapes and quotes properly?

benonymus

benonymus OP

i was just putting it straight into a renderer

NobbZ

NobbZ

You need to make sure its properly unquoted/unescaped first for most renderers I think…

<?xml version="1.0" standalone="yes"?>
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:ev="http://www.w3.org/2001/xml-events" width="275" height="275"
      shape-rendering="crispEdges">
<rect width="11" height="11" x="0" y="0" style="fill:#fff"/><rect width="11" height="11" x="0" y="11" style="fill:#fff"/>
<!-- and so on -->
</svg>

How you can create an SVG from your JSON-string programmatically, I’m not sure… That massively depends on your libraries used clientside and how exactly you encode the SVG into JSON…

benonymus

benonymus OP

Actually it seems like if i pipe IO.inspect like so:

base
      |> EQRCode.encode()
      |> EQRCode.svg()
      |> IO.inspect

the printed out stuff looks the same as the one in the pastebin:
a little taste:

"<?xml version=\"1.0\" standalone=\"yes\"?>\n<svg version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" xmlns:ev=\"http://www.w3.org/2001/xml-events\" width=\"275\" height=\"275\"\n      shape-rendering=\"crispEdges\">\n<rect width=\"11\" height=\"11\" x=\"0\" y=\"0\" style=\"fill:#fff\"/>
NobbZ

NobbZ

If you want a pasteable output from within elixir, you need to IO.puts rather than IO.inspect.

benonymus

benonymus OP

ohh, that works, but then the one I send, as my response, why is that not like that?
because it gets encoded?

NobbZ

NobbZ

Well, its JSON encoded, and a JSON encoded string looks pretty much like one that is inspected.

Therefore, how to render this as SVG on the clientside, is pretty much JS stuff and nothing I could help you with.

— All posts loaded —

Where Next? Top

Trending in Questions Top

RSP87
I’m working on a project that simulates the bumbl example in the programming phoenix book. It acts almost like an email client. We have a...
New
kszambelanczyk
Hello! Could someone please give me a help/sample code, how to delete a file from s3 using waffle/waffle_ecto from Phoenix app. I creat...
New
RemyXRenard
I’m seeing that a list inside a Kino.DataTable will be interpreted as a charlist, even if the Kino.configure() is set to charlists: :as_l...
New
velrest
So my question is quite simple and i have found no conclusive answer on forum, google or AI. Should we use :erlang.float for Integer to ...
New
samoloth
Hi, I’ve just set up an application with ash_authentication. There is only magic link strategy for now, so there is no confirmation add o...
New
FlyingNoodle
If a change or preparation module uses Ash.Changeset.get_argument/2 or Ash.Query.get_argument/2 (or any of the other get_argument functio...
New
psy-q
I’m trying to set up Emacs with elixir-ls via lsp-mode and credo via Flycheck. This should mostly be preconfigured as Flycheck picks up c...
New

Other Trending Topics Top

mudasobwa
I am happy to introduce the very α version of the new programming language compiled to BEAM. Welcome Cure. It has literally three kille...
New
garrison
Hobbes is a low-level distributed database for the Elixir programming language. Hobbes provides a simple, safe, and scalable storage lay...
New
marciok
Hi there! We created Gust: A task orchestrator inspired by Airflow. For those who have never heard about Aiflow, it’s a Python-based wor...
New
jimsynz
Beam Bots (or just BB for short) is a framework for building fault-tolerant robotics applications in Elixir using familiar OTP patterns. ...
New
Dmk
Xamal is a deployment tool for Elixir apps that deploys native releases to bare metal servers over SSH. It’s a port of GitHub - basecamp/...
New
Damirados
Hello everyone. After busy few months I am happy to announce v0.1.0 of Emerge &amp; Solve. They are GUI (Emerge) and State management (S...
New

We're in Beta

About us Mission Statement

Options

Thread Display Mode




Thread Preview

Skip Thread Previews