blender/flamenco
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Last-rendered: Remove border from SVG

Browse Source 
Add background-color via CSS.

If a border is required (e.g. to see the boundaries in transparent renders)
it should be added via CSS, so it scales properly.
This commit is contained in:
Pablo Vazquez 2022-07-05 19:58:29 +02:00
parent 44b30e08de
commit 94a4b8980f
2 changed files with 8 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
web/app/public/nothing-rendered-yet.svg
View File

@ -25,11 +25,11 @@
showgrid="false" showgrid="false"
inkscape:zoom="6.26" inkscape:zoom="6.26"
inkscape:cx="100.31949" inkscape:cx="100.31949"
inkscape:cy="56.389776" inkscape:cy="56.549521"
inkscape:window-width="1848" inkscape:window-width="1848"
inkscape:window-height="1059" inkscape:window-height="1059"
inkscape:window-x="1948" inkscape:window-x="1324"
inkscape:window-y="275" inkscape:window-y="535"
inkscape:window-maximized="0" inkscape:window-maximized="0"
inkscape:current-layer="layer1" /> inkscape:current-layer="layer1" />
<g <g
@ -39,16 +39,7 @@
<path <path
id="rect303" id="rect303"
style="color:#000000;fill:#ffffff;fill-opacity:0.16;stroke:none;stroke-width:0.251769;stroke-opacity:0.16;-inkscape-stroke:none" style="color:#000000;fill:#ffffff;fill-opacity:0.16;stroke:none;stroke-width:0.251769;stroke-opacity:0.16;-inkscape-stroke:none"
d="m 24.695948,12.298971 c -0.414086,0 -0.75531,0.341224 -0.755309,0.755309 l -1e-6,3.524774 c 1e-6,0.414085 0.341224,0.755308 0.755309,0.755309 l 3.524772,-1e-6 c 0.414086,0 0.75531,-0.341223 0.755309,-0.755308 l 1e-6,-1.007079 V 13.05428 c -1e-6,-0.414085 -0.341224,-0.755308 -0.755309,-0.755309 z m 0,0.503539 h 3.524771 c 0.143836,4e-6 0.251772,0.107929 0.251771,0.25177 v 1.909908 l -0.829069,-0.82907 c -0.09833,-0.09828 -0.257692,-0.09829 -0.356017,-4e-6 l -2.679969,2.67997 c -0.09708,-0.03437 -0.163258,-0.123885 -0.163257,-0.236033 v -3.524775 c 3e-6,-0.143834 0.107928,-0.251771 0.25177,-0.251769 z m 0.881191,0.503539 c -0.344637,3e-6 -0.629422,0.284786 -0.629422,0.629424 2e-6,0.344638 0.284786,0.629424 0.629423,0.629424 0.344639,0 0.629424,-0.284786 0.629424,-0.629424 0,-0.344639 -0.284786,-0.629423 -0.629425,-0.629424 z m 1.888273,1.363096 1.007077,1.007078 1e-6,0.902831 c -3e-6,0.143834 -0.107928,0.251771 -0.251771,0.251769 h -2.916986 z" d="m 24.695948,12.298971 c -0.414086,0 -0.75531,0.341224 -0.755309,0.755309 l -1e-6,3.524774 c 1e-6,0.414085 0.341224,0.755308 0.755309,0.755309 l 3.524773,-1e-6 c 0.414086,0 0.75531,-0.341223 0.755309,-0.755308 l 1e-6,-1.007079 V 13.05428 c -1e-6,-0.414085 -0.341224,-0.755308 -0.755309,-0.755309 z m 0,0.503539 h 3.524772 c 0.143836,4e-6 0.251772,0.107929 0.251771,0.25177 v 1.909908 l -0.829069,-0.82907 c -0.09833,-0.09828 -0.257692,-0.09829 -0.356017,-4e-6 l -2.67997,2.67997 c -0.09708,-0.03437 -0.163258,-0.123885 -0.163257,-0.236033 v -3.524775 c 3e-6,-0.143834 0.107928,-0.251771 0.25177,-0.251769 z m 0.881191,0.503539 c -0.344637,3e-6 -0.629422,0.284786 -0.629422,0.629424 2e-6,0.344638 0.284786,0.629424 0.629423,0.629424 0.344639,0 0.629424,-0.284786 0.629424,-0.629424 0,-0.344639 -0.284786,-0.629423 -0.629425,-0.629424 z m 1.888274,1.363096 1.007077,1.007078 1e-6,0.902831 c -3e-6,0.143834 -0.107928,0.251771 -0.251771,0.251769 h -2.916987 z"
sodipodi:nodetypes="sssssscssssssccccssssssssccsscc" /> sodipodi:nodetypes="sssssscssssssccccssssssssccsscc" />
<rect
style="fill:none;fill-opacity:0.08;stroke:#ffffff;stroke-width:0.502066;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:0.16;paint-order:normal"
id="rect3137"
width="52.4146"
height="29.131269"
x="0.25103262"
y="0.25103262"
rx="0.525617"
ry="0.52203727" />
</g> </g>
</svg> </svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.7 KiB

After

Width:  |  Height:  |  Size: 2.3 KiB

4
web/app/src/components/jobs/LastRenderedImage.vue
View File

@ -114,6 +114,10 @@ defineExpose({
</script> </script>
<style scoped> <style scoped>
.last-rendered {
background-color: #2b2b2b;
border-radius: var(--border-radius);
}
.last-rendered img { .last-rendered img {
width: 100%; width: 100%;
height: 100%; height: 100%;