Lekhoniya DRAW

Realtime Drawing Script Lekhoniya - In-depth Guide

Introduction

The Realtime Drawing Script enhances the drawing experience on Lekhoniya by providing users with a dedicated drawing space. This guide will walk you through the features and functionalities of the script.

Overview of Drawing Script

The Drawing Script is designed to offer users a real-time drawing experience within a dedicated iframe. Users accessing a specific URL (https://lekhoniya.blogspot.com/d/) will be redirected to a drawing page hosted on onessssweb's blog, allowing them to draw collaboratively.

Code Explanation

var currentUrl_dtime = window.location.href.substring(0, 33);
var durlToMatch = 'https://lekhoniya.blogspot.com/d/';

if (currentUrl_dtime === durlToMatch) {
  console.log('Realtime Drawing');

  // Create an iframe element
  let iframe = document.createElement('iframe');

  // Set the source URL for the drawing page
  iframe.src = "https://onessssweb.blogspot.com/2023/11/drawplate.html";

  // Set inline styles for the iframe
  iframe.style.position = "fixed";
  iframe.style.top = "0";
  iframe.style.left = "0";
  iframe.style.bottom = "0";
  iframe.style.right = "0";
  iframe.style.width = "100%";
  iframe.style.height = "100%";
  iframe.style.border = "none";
  iframe.style.margin = "0";
  iframe.style.padding = "0";
  iframe.style.overflow = "hidden";
  iframe.style.zIndex = "999999";

  // Append the iframe to the document body
  document.body.appendChild(iframe);

  // Hide the editableSpan to provide a clean drawing space
  document.getElementById('editableSpan').style.display = 'none';

  // Extract resolution parameters from the URL, defaulting to 800x800
  const currentURL = window.location.href;
  let ssx = 800;
  let ssy = 800;
  const match = currentURL.match(/\/d\/(\d+)-(\d+)\//);

  if (match) {
    ssx = parseInt(match[1]);
    ssy = parseInt(match[2]);
    console.log("Resolution: " + ssx + 'X' + ssy);
  }
}

Usage Instructions

1. Access Drawing Space:

   • Open the URL https://lekhoniya.blogspot.com/d/ in your web browser.

2. Real-time Drawing:

   • Users are redirected to a dedicated drawing page hosted on onessssweb's blog.
   • The drawing experience is collaborative and real-time within the iframe.

3. Drawing Resolution:

   • The resolution of the drawing canvas can be customized based on parameters in the URL.
   • The default resolution is set to 800x800.

4. Clean Drawing Space:

   • The editableSpan is hidden to provide a clean space for drawing.

5. Console Logging:

   • Connection details and resolution parameters are logged to the console for reference.

Conclusion

The Realtime Drawing Script adds a new dimension to collaborative creativity on Lekhoniya, offering users a shared space for real-time drawing experiences. For questions, feedback, or assistance, feel free to reach out to the Lekhoniya support team. Enjoy drawing collaboratively on Lekhoniya!