TatukGIS DK Scale Bar - gis

How can I display the scale bar for my GIS Viewer? Apparently its not showing even if I already set the GIS Viewer property on my Scale bar. I also checked if its visible and it is set to true.
An alternative that I though of is printing it to an image but its only working if both the GIS Viewer and Scale bar are printed. And it look bad because its covering the map at the center.
Would it be accurate to use a static image using actual image size without streching as a scaling bar?
Here is the code for my alternative solution:
GIS->PrintBmp(Image1->Picture->Bitmap);
GIS_ControlScale1->PrintBmp(Image1->Picture->Bitmap, GIS->Scale);
I would prefer to have the first issue to be solve but if its not possible can anybody help me with an alternative solution? I just need the scale bar for the reports (tracing paper).
Thanks

SOLVED:
Control Scale will only show if the shape file's Coordinate System was set.
For alternative solution, I put the control scale on the clipboard first then to the image.

Related

ChartJs tool tips not showing properly

I have discovered chart.JS for a while and I wanted to implement it in my website. I wrote the simplest code available on their webpage and the tooltips do appear indeed, but when I use the zoom property on the html tag in my CSS (cause I want to make the whole page smaller) , the tooltips seem to go crazy. Some of them do not appear anymore and others appear only when hovering certain areas of the chart. Is there any fix to this ?
The CSS zoom property is not advised for this use. It is mostly for image zoom, and has very bad support in different browsers. I would advise making content smaller by setting widths of containers, and reducing font sizes.
There is no telling how css zoom will affect the canvas used by ChartJS in different browsers.
ref: https://developer.mozilla.org/en-US/docs/Web/CSS/zoom

How do I create or find a wallpaper that fits in my website?

How can I create a wallpaper that fits correctly on to my website???
Would I have to create specific dimensions for the image to fit in the website???
Or where can I find website wallpapers that have correct dimensions to fit the screen???
You can simply go to paint (or other image editing software) to change the size of it. Save it, and then run it. But that might not always work and may ruin the quality of the image.
I know this is a huge issue sometimes when you're finding one online. You can also use the css background-size property.
For more information
https://www.w3schools.com/cssref/css3_pr_background-size.asp

Scaling SVG in HTML5

I have replaced a header logo image which was just text in an arc on the following website: Leeds Magic Circle
Disclaimer: I did not design or create this website I am just performing some small modifications to it.
The original image said "1919 - 2015" and needed updating, hence I chose SVG to replace it with a bit of javascript to update the date portion.
It looks good, however it doesn't scale down when the browser is reduced or viewed on a mobile device.
I need the SVG to fit the 800x116 which replaced the original image, but I need it to scale down too.
I am very new to playing with SVG and the answers on the web are somewhat confusing so hopefully someone here can help.
Also open to alternative methods to achieve this goal.
Thank you

Making a draggable, resizable image on canvas

I am reading this tutorial about making draggable and resizable rectangles
http://simonsarris.com/blog/225-canvas-selecting-resizing-shape
It is a good one and I want to create a similar one using images and this is what I had done
http://jsfiddle.net/LUhsK/2/
all i had done is to change the script that instead of drawing a square I draw an image given the image source, initial X, initial Y, width and height but as you can see it doesn't work. I really can't find what seems to be the problem
If I clearly understood what you are searching for I guess it can be easily resolved with
droppedElement = ui.helper.clone();
droppedElement.resizable();

HTML Image Maps - Is there an easy way to create and modify them?

Starting out with a given image, I would like to be able to trace polygons on the image and then export the result as an HTML image map.
What would also be nice is to be able change the scale of an existing image map, thereby changing the size of the polygons and shapes.
Is there a program that anyone knows of that has these features?
Many program do this. It is to time consuming doing complicated maps manually.
I know coffeecup is a used tool for this.
What would also be nice is to be able change the scale of an existing image map ..
I wrote a Javascript image map resizer, it's here. Just paste in your HTML and it will return the scaled image map. You must include "height" and "width" attributes for the original image in the HTML. (This is a quick and dirty tool, it doesn't actually do anything other than parse the HTML you've pasted in. It uses those attributes as the base of calculations).
You may also be interested in my jQuery plugin ImageMapster which can resize image maps dynamically among other things.
I use this site it's fairly good for quickly making image-maps
I use this site https://www.image-map.net/ to trace polygons on the image and then export the result as an HTML image map.