I am using KendoUI's diagram feature, and want to export the resulting construct to display as a thumbnail.
I am exporting the image, which is in Base64 format. This is then saved.
This data is then loaded into a div, and needs to be scaled to fit the div. However, I have tried absolutely every common technique to scale the image down, but it simply will not.
Currently I have something like this. It is a piece of html which is being used as a template for a keno list. There may be something here which is causing the issue, but I have failed to find it if there is.
<div id="thumbnailContainer" style="height: 100%; width: 100%;">
<img id="thumbnail" src="#:imageData#" style="(every technique under the
sun tried)"
</div>
where the "#:imageData# corresponds to someBase64 image data (which correctly displays and loads otherwise)
Techniques tried:
- Background-size
- Setting background of container instead
- Adjusting height and width of img