Hi,
I really like your ideas from fidget, but I was getting a bunch of errors with exported code (and even your more complex included demos) so I thought I would try to load the SVG on it's own, so at least the static parts would be all set, and I could add in dynamic parts. I am trying to make a UI (for a steamdeck-OS looking app) using an SVG outputted from figma:
And I get errors like this:
Error: unhandled exception: Missing SVG resource paint0_radial_3_427 [PixieError]
For things like this:
<rectwidth="1440"height="900"fill="url(#paint0_radial_3_427)"fill-opacity="0.2"/>
That are in <defs> like this:
<radialGradientid="paint0_radial_3_427"cx="0"cy="0"r="1"gradientUnits="userSpaceOnUse"gradientTransform="translate(48 106) rotate(23.0285) scale(1304.99 2087.99)">
<stopstop-color="white"/>
<stopoffset="1"stop-color="white"stop-opacity="0"/>
</radialGradient>
I thought it might be that it was using urls before the <defs> (figma puts them at the end) but re-arranging it did not help. If I remove all the fill="url(#WHATEVER)" stuff, it works, but is missing all the fills, obviously.
Here is the code I am using (window-scaling stuff from boxy#56):
import boxy, opengl, windy
let windowSize =ivec2(1440, 900)
let window =newWindow("Boxy Example", windowSize)
makeContextCurrent(window)
loadExtensions()
let bxy =newBoxy()
bxy.addImage("details", readImage("details.svg")) let ratio = windowSize.x / windowSize.y
var scale =1.0var offset =vec2(0, 0)
var vs:Vec2let ws = windowSize.vec2
window.onFrame =proc() =
vs = window.size.vec2
if vs.x > (vs.y * ratio):
scale = vs.y / ws.y
offset.x = (vs.x - (ws.x * scale)) /2
offset.y =0else:
scale = vs.x / ws.x
offset.y = (vs.y - (ws.y * scale)) /2
offset.x =0
bxy.beginFrame(window.size)
bxy.saveTransform()
bxy.translate(offset)
bxy.scale(scale)
bxy.drawImage("details", vec2(0, 0))
bxy.restoreTransform()
bxy.endFrame()
window.swapBuffers()
whilenot window.closeRequested:
pollEvents()
Hi,
I really like your ideas from fidget, but I was getting a bunch of errors with exported code (and even your more complex included demos) so I thought I would try to load the SVG on it's own, so at least the static parts would be all set, and I could add in dynamic parts. I am trying to make a UI (for a steamdeck-OS looking app) using an SVG outputted from figma:
And I get errors like this:
For things like this:
That are in
<defs>like this:I thought it might be that it was using urls before the
<defs>(figma puts them at the end) but re-arranging it did not help. If I remove all thefill="url(#WHATEVER)"stuff, it works, but is missing all the fills, obviously.Here is the code I am using (window-scaling stuff from boxy#56):