Boyama Sayfası

Boyama Sayfası


Welcome to the Services page of Arden's World. Explore our range of software development services including Web Development, Mobile App Development, and Software Consulting.

Web Development

Our Web Development service focuses on creating responsive and user-friendly websites tailored to your business needs. With expertise in HTML, CSS, and JavaScript, we ensure a seamless online presence for your brand.

Our Web Development service ensures a seamless online presence for your brand with responsive and user-friendly website designs. Elevate your business with our expertise in HTML, CSS, and JavaScript.

  • Responsive websites
  • User-friendly design
  • Tailored solutions

Mobile App Development

at Arden's World brings your ideas to life with custom mobile applications for iOS and Android platforms. Our team excels in UI/UX design, native app development, and testing to deliver top-notch results.

Trust our Mobile App Development service to bring your ideas to life with custom mobile applications. Our team excels in UI/UX design and native app development, delivering top-notch results on iOS and Android platforms.

  • Custom mobile apps
  • UI/UX expertise
  • iOS & Android development

Software Consulting

With our Software Consulting service, we offer expert advice and guidance on software development projects. From project management to technical support, we help you navigate the complexities of the digital landscape.

When you choose our Software Consulting service, you gain access to expert advice and guidance on software projects. From project management to technical support, we're here to help you navigate the digital landscape.

  • Expert advice
  • Guidance on projects
  • Technical support

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Boyama Sayfası</title>
<style>
#myCanvas {
border: 1px solid #000;
}
#colorPicker {
margin-top: 10px;
}
</style>
</head>
<body>

<h2>Boyama Sayfası</h2>
<canvas id="myCanvas" width="500" height="500"></canvas>
<br>
<input type="color" id="colorPicker" value="#000000">
<button onclick="clearCanvas()">Temizle</button>

<script>
var canvas = document.getElementById('myCanvas');
var ctx = canvas.getContext('2d');
var drawing = false;
var colorPicker = document.getElementById('colorPicker');

canvas.addEventListener('mousedown', startDrawing);
canvas.addEventListener('mousemove', draw);
canvas.addEventListener('mouseup', stopDrawing);
canvas.addEventListener('mouseout', stopDrawing);

function startDrawing(e) {
drawing = true;
draw(e);
}

function stopDrawing() {
drawing = false;
ctx.beginPath();
}

function draw(e) {
if (!drawing) return;
ctx.lineWidth = 5;
ctx.lineCap = 'round';
ctx.strokeStyle = colorPicker.value;

ctx.lineTo(e.clientX - canvas.offsetLeft, e.clientY - canvas.offsetTop);
ctx.stroke();
ctx.beginPath();
ctx.moveTo(e.clientX - canvas.offsetLeft, e.clientY - canvas.offsetTop);
}

function clearCanvas() {
ctx.clearRect(0, 0, canvas.width, canvas.height);
}
</script>

</body>
</html>