We 're using SVG images as background images in ddimageortext questions, because of the superior quality when rendered on retina and other hi-resolution monitors compared to PNG or JPG. In general, this works great, als long as you set explicit width/height
inside the SVG itself (Example:
<svg x="0px" y="0px" width="410" height="410" viewBox="0 0 410 410"> )
But recently we recognized an issue: the preview which shows the drop zones interactively when editing the question is visually messed up and doesn't correspond to the final result. Please see the screenshots below, where the final view is flawless, but the preview while editing is messed up. I attached the exported question in format and as well I attached the mere SVG file to this post. If someone knows the reason or a solution for this problem, we would be thankful.
Screenshot of messed up preview:
Screenshot of good final result: