Anyone online for 15mins live help? Edit basic html/javascript issue
$24-25 USD
Complété
Publié il y a presque 4 ans
$24-25 USD
Payé lors de la livraison
Am trying to draw 5 circles with canvas using a javascript function. I only succeed to display one circle, all the others are not. Please be sure you have 15mins NOW to help.
Because this is basic, I will award to whoever applies first. I won't try to waste your time negotiating, I have 25$ on this
My HTML:
<!DOCTYPE HTML>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>SAMPLE DASH</title>
<link rel="stylesheet" type="text/css" href="[login to view URL]">
<link rel="stylesheet" href="[login to view URL]">
<script type="text/javascript" src="[login to view URL]" defer async=false></script>
</head>
<body class="body">
<div class="header">DASH VIEW</div>
<div class="dashboard">
<canvas id="c1" class="dash1"></canvas>
<canvas id="c2" class="dash1"></canvas>
<canvas id="c3" class="dash1"></canvas>
<canvas id="c4" class="dash1"></canvas>
<div class="dash2"><canvas id="c5"></canvas></div>
</div>
<div class="footer">Foot</div>
</body>
</html>
Javascript:
[login to view URL]("DOMContentLoaded", function() {
var canvases = [login to view URL]('canvas');
for (var i = 0; i < [login to view URL]; i++) {
var ctx = canvases[i].getContext('2d');
var x = [login to view URL] + canvases[i].getBoundingClientRect().left;
var y = [login to view URL] + canvases[i].getBoundingClientRect().top;
var z = [login to view URL] + canvases[i].getBoundingClientRect().right;
[login to view URL]();
[login to view URL]((x + z) / 2, y + 70, 70, 0, [login to view URL], true);
[login to view URL] = "#cd5c5c";
[login to view URL]();
[login to view URL] = "#ededed";
[login to view URL]((x + z) / 2, y + 70);
[login to view URL](200, 50);
[login to view URL]();
[login to view URL](x)
};
});
CSS:
.body {
display: grid;
grid-template-rows: 100px 480px minmax(60px, 1fr);
grid-template-columns: 1fr;
text-align: center;
line-height: 100px;
}
.header {
background-color: #6495ed;
color: #FFF;
font-size: large;
font: Verdana;
width: 99%;
}
.dashboard {
display: grid;
background-color: #ededed;
grid-template-rows: 9fr 1fr;
grid-template-columns: repeat(4, 1fr);
width: 99%;
}
.dash1 {
background-color: #ededed;
}
.dash2 {
display: grid;
background-color: red;
grid-column: 1/5;
}
.footer {
background-color: #000103;
display: inline-block;
color: #FFF;
line-height: 60px;
width: 99%;
}
Hello,
I am an expert in Javascript and I can fulfill your project requirements by helping you to make the 5 circles through canvas JS.
Feel free to hire me!
$25 USD en 1 jour
5,0 (15 commentaires)
3,9
3,9
7 freelances proposent en moyenne $33 USD pour ce travail
Hello!
How are you?
I hope you do great.
we have much experience in web and apps making business, we have already made over 530 webs and a lot of different kinds of apps. our professional team works up to the mark, client's satisfaction is our first priority. you can check our profile. if you have any related questions we will do clear in the chatbox.
regards.
Grewal
hello , hope you are fine i have very good grip in html css javascript i will help you out
that is my portfolio you can check
https://www.freelancer.com/u/samair0
Hi there,
I have checked your job description.
As experienced developer, I can do this job.
If you want BEST, contact me free time.
So we can discuss in detail on chatting.
Thanks,
Leslie
I can start now
Hi,
I just read your job description properly and understand what you want.
If you want i can start your work right now.
I am highly interested to work for you. We have finished many projects like this.
If you didn't select anyone for this project, you may knock me for more discuss.
Best regards,
Tajmul
Brindamos una esmerada atención personalizada ya que sabemos lo importante que es el apoyo y ayuda cuando el cliente, nuestro activo más importante, lo necesita. Nos esmeramos por dar siempre una pronta respuesta y una efectiva solución a los inconvenientes que pudieran presentarse.