documentation technical

social media network

healthcare medical

news media journalism

adult content

Arabic

Domain 'myboard2-errzu234qx.edgeone.app' uses the application-focused generic top-level domain (.app) and includes subdomain 'myboard2-errzu234qx'. The second-level label 'edgeone' is 7 characters long containing 4 vowels alongside three consonants. Breaking it apart gives 2 words: edge, one. Average segment length settles at 3.5 characters. No strong language cues emerged from the frequency lists.

html/fe/00/fe0093f5-5e2b-4b7e-91f7-2d5cba4150b3.html.gz

8935d89b8594f170be4ca54110f30705bd77707b1f08da3657345a2494eca287

viewport

html/fe/00/fe0093f5-5e2b-4b7e-91f7-2d5cba4150b3_nodriver.html.gz

وايت بورد للتعليق

Prudence Malinki

MarkMonitor Inc.

edgeone.app


/*** عناصر ***/
const board = document.getElementById('board');
const bgCanvas   = document.getElementById('bg');
const drawCanvas = document.getElementById('draw');
const bgCtx   = bgCanvas.getContext('2d');
const drawCtx = drawCanvas.getContext('2d');

const laserDot = document.getElementById('laserDot');
const wNumEl  = document.getElementById('wNum');

const btnPen   = document.getElementById('btnPen');
const btnEraser= document.getElementById('btnEraser');
const btnLaser = document.getElementById('btnLaser');
const btnImg   = document.getElementById('btnImg');

let tool='pen';   // pen | eraser | laser | img
let drawing=false;
let last=null;

let lineWidth=3;
let penColor='#111111';
let bgColor='#ffffff';

let bgImg=null;
let showBg=true;

/*** مستطيل الصورة داخل البورد (للتحريك/التحجيم) ***/
let imgRect = null; // {x,y,w,h, ar}
let imgEdit = {active:false, mode:null, handle:null, start:null, rect0:null};

const HANDLE = 10;          // حجم مقبض التغيير
const MIN_IMG = 60;         // أقل عرض/ارتفاع للصورة

/*** Undo للرسم فقط ***/
const undoStack=[];
const MAX_UNDO=20;
const MIN_W=1, MAX_W=30;
function clamp(n,min,max){return Math.max(min,Math.min(max,n));}

/* ✅ اضبط أبعاد canvas الداخلية حسب حجم الحاوية */
function fitCanvases(){
  const r = board.getBoundingClientRect();
  const w = Math.max(1, Math.floor(r.width));
  const h = Math.max(1, Math.floor(r.height));
  bgCanvas.width = w;  bgCanvas.height = h;
  drawCanvas.width = w; drawCanvas.height = h;
  // عند تغيير الحجم، نعيد ملاءمة الصورة لو موجودة
  if(bgImg){
    initImgRectContain();
  }
  redrawBackground();
}
window.addEventListener('resize', fitCanvases);

/*** خلفية (لون + صورة) على طبقة bg فقط ***/
function redrawBackground(){
  // 1) لون الخلفية
  bgCtx.save();
  bgCtx.globalCompositeOperation='source-over';
  bgCtx.fillStyle = bgColor;
  bgCtx.fillRect(0,0,bgCanvas.width,bgCanvas.height);
  bgCtx.restore();

  // 2) صورة السؤال إن وجدت
  if(bgImg && showBg && imgRect){
    bgCtx.drawImage(bgImg, imgRect.x, imgRect.y, imgRect.w, imgRect.h);
  }

  // 3) إطار التحرير + المقابض عند أداة الصورة
  if(tool === 'img' && bgImg && showBg && imgRect){
    drawImgHandles();
  }
}

function drawImgHandles(){
  const r = imgRect;
  bgCtx.save();
  bgCtx.globalCompositeOperation='source-over';

  // إطار
  bgCtx.strokeStyle = 'rgba(0,0,0,0.65)';
  bgCtx.lineWidth = 2;
  bgCtx.setLineDash([6,4]);
  bgCtx.strokeRect(r.x, r.y, r.w, r.h);
  bgCtx.setLineDash([]);

  // مقابض الزوايا
  const hs = HANDLE;
  const corners = [
    {name:'nw', x:r.x,       y:r.y},
    {name:'ne', x:r.x+r.w,   y:r.y},
    {name:'se', x:r.x+r.w,   y:r.y+r.h},
    {name:'sw', x:r.x,       y:r.y+r.h},
  ];
  bgCtx.fillStyle = '#fff';
  bgCtx.strokeStyle = 'rgba(0,0,0,0.7)';
  bgCtx.lineWidth = 2;

  corners.forEach(c=>{
    bgCtx.beginPath();
    bgCtx.rect(c.x - hs, c.y - hs, hs*2, hs*2);
    bgCtx.fill();
    bgCtx.stroke();
  });

  bgCtx.restore();
}

/*** تهيئة مستطيل الصورة “Contain” داخل البورد ***/
function initImgRectContain(){
  if(!bgImg) return;
  const cw = bgCanvas.width, ch = bgCanvas.height;
  const margin = 14;

  const maxW = cw - margin*2;
  const maxH = ch - margin*2;

  const s = Math.min(maxW / bgImg.width, maxH / bgImg.height);
  const w = Math.max(MIN_IMG, bgImg.width * s);
  const h = Math.max(MIN_IMG, bgImg.height * s);

  imgRect = {
    w, h,
    x: (cw - w)/2,
    y: (ch - h)/2,
    ar: bgImg.width / bgImg.height
  };
}

/*** Undo للرسم فقط ***/
function snapshotInk(){
  try{
    undoStack.push(drawCanvas.toDataURL('image/png'));
    if(undoStack.length>MAX_UNDO) undoStack.shift();
  }catch(e){}
}
function undo(){
  if(!undoStack.length) return;
  const img=new Image();
  img.onload=()=>{
    drawCtx.clearRect(0,0,drawCanvas.width,drawCanvas.height);
    drawCtx.drawImage(img,0,0);
  };
  img.src=undoStack.pop();
}
function clearInk(){
  snapshotInk();
  drawCtx.clearRect(0,0,drawCanvas.width,drawCanvas.height);
}

/*** إدراج صورة من ملف ***/
function pickImage(){ document.getElementById('imgFile').click(); }
function loadImageFile(file){
  if(!file) return;
  const url=URL.createObjectURL(file);
  const img=new Image();
  img.onload=()=>{
    URL.revokeObjectURL(url);
    bgImg=img; showBg=true;
    initImgRectContain();
    redrawBackground();
  };
  img.src=url;
}

/*** إخفاء/إظهار الصورة ***/
function toggleImage(){
  if(!bgImg) return;
  showBg=!showBg;
  redrawBackground();
}

/*** أدوات ***/
function setActiveBtn(){
  [btnPen,btnEraser,btnLaser,btnImg].forEach(b=>b.classList.remove('active'));
  if(tool==='pen') btnPen.classList.add('active');
  if(tool==='eraser') btnEraser.classList.add('active');
  if(tool==='laser') btnLaser.classList.add('active');
  if(tool==='img') btnImg.classList.add('active');
}
function setTool(t){
  tool=t;
  laserDot.style.display=(tool==='laser')?'block':'none';
  setActiveBtn();
  redrawBackground(); // لإظهار/إخفاء مقابض الصورة
}

/*** سماكة بالأرقام +/− ***/
function applyWidth(){
  lineWidth = clamp(Number(wNumEl.value)||3, MIN_W, MAX_W);
  wNumEl.value = lineWidth;
}
wNumEl.oninput = applyWidth;
function stepWidth(d){
  wNumEl.value = clamp((Number(wNumEl.value)||lineWidth||3)+d, MIN_W, MAX_W);
  applyWidth();
}

/*** لوحات ألوان مربعات ***/
const PEN_COLORS = ['#111111','#ffffff','#ef4444','#f97316','#eab308','#22c55e','#06b6d4','#3b82f6','#8b5cf6','#ec4899','#a3a3a3','#7c2d12'];
const BG_COLORS  = ['#ffffff','#0b0b0b','#f8fafc','#fff7ed','#fef9c3','#ecfccb','#e0f2fe','#eef2ff','#f5f3ff','#fce7f3','#f1f5f9','#f3f4f6'];

function makePalette(containerId, colors, onPick){
  const box = document.getElementById(containerId);
  box.innerHTML = '';
  colors.forEach(c=>{
    const d=document.createElement('div');
    d.className='swatch';
    d.style.background=c;
    d.title=c;
    d.onclick=()=>onPick(c);
    box.appendChild(d);
  });
}
makePalette('penPalette', PEN_COLORS, (c)=>{ penColor=c; });
makePalette('bgPalette', BG_COLORS, (c)=>{ bgColor=c; redrawBackground(); });

/*** إحداثيات + ليزر ***/
function pos(e){
  const r=drawCanvas.getBoundingClientRect();
  const t=(e.touches&&e.touches[0])?e.touches[0]:e;
  return {x:t.clientX-r.left, y:t.clientY-r.top};
}
function moveLaser(p){
  laserDot.style.left=p.x+'px';
  laserDot.style.top=p.y+'px';
}

/*** القلم السريع + التنقيط ***/
function drawDot(p){
  drawCtx.save();
  if(tool==='eraser'){
    drawCtx.globalCompositeOperation='destination-out';
    drawCtx.fillStyle='rgba(0,0,0,1)';
    const r = (lineWidth*3)/2;
    drawCtx.beginPath(); drawCtx.arc(p.x,p.y,r,0,Math.PI*2); drawCtx.fill();
  } else {
    drawCtx.globalCompositeOperation='source-over';
    drawCtx.fillStyle=penColor;
    const r = lineWidth/2;
    drawCtx.beginPath(); drawCtx.arc(p.x,p.y,r,0,Math.PI*2); drawCtx.fill();
  }
  drawCtx.restore();
}

/*** تحرير الصورة: تحريك + تحجيم من الزوايا مع حفظ النسبة ***/
function hitHandle(p){
  if(!imgRect) return null;
  const r = imgRect, hs = HANDLE;
  const corners = [
    {name:'nw', x:r.x,     y:r.y},
    {name:'ne', x:r.x+r.w, y:r.y},
    {name:'se', x:r.x+r.w, y:r.y+r.h},
    {name:'sw', x:r.x,     y:r.y+r.h},
  ];
  for(const c of corners){
    if(Math.abs(p.x - c.x) <= hs && Math.abs(p.y - c.y) <= hs) return c.name;
  }
  return null;
}
function insideRect(p,r){
  return p.x>=r.x && p.x<=r.x+r.w && p.y>=r.y && p.y<=r.y+r.h;
}
function clampRectToBoard(){
  if(!imgRect) return;
  // اسمح بخروج بسيط 0
  imgRect.x = clamp(imgRect.x, 0, bgCanvas.width - imgRect.w);
  imgRect.y = clamp(imgRect.y, 0, bgCanvas.height - imgRect.h);
}

function startImgEdit(p){
  if(!bgImg || !showBg || !imgRect) return false;

  const h = hitHandle(p);
  if(h){
    imgEdit.active = true;
    imgEdit.mode = 'resize';
    imgEdit.handle = h;
    imgEdit.start = p;
    imgEdit.rect0 = {...imgRect};
    return true;
  }
  if(insideRect(p,imgRect)){
    imgEdit.active = true;
    imgEdit.mode = 'drag';
    imgEdit.handle = null;
    imgEdit.start = p;
    imgEdit.rect0 = {...imgRect};
    return true;
  }
  return false;
}

function moveImgEdit(p){
  if(!imgEdit.active || !imgRect) return;

  const dx = p.x - imgEdit.start.x;
  const dy = p.y - imgEdit.start.y;
  const r0 = imgEdit.rect0;

  if(imgEdit.mode === 'drag'){
    imgRect.x = r0.x + dx;
    imgRect.y = r0.y + dy;
    clampRectToBoard();
    redrawBackground();
    return;
  }

  // resize مع الحفاظ على النسبة (aspect ratio)
  const ar = r0.ar || (r0.w / r0.h);
  let newW = r0.w, newH = r0.h, newX = r0.x, newY = r0.y;

  // نحدد “زاوية مقابلة” كمرساة
  // nw: المرساة se، ne: المرساة sw، se: المرساة nw، sw: المرساة ne
  let ax, ay; // anchor
  if(imgEdit.handle==='nw'){ ax = r0.x + r0.w; ay = r0.y + r0.h; }
  if(imgEdit.handle==='ne'){ ax = r0.x;        ay = r0.y + r0.h; }
  if(imgEdit.handle==='se'){ ax = r0.x;        ay = r0.y; }
  if(imgEdit.handle==='sw'){ ax = r0.x + r0.w; ay = r0.y; }

  // نقطة السحب الحالية
  let px = p.x, py = p.y;

  // احسب العرض/الارتفاع بناءً على البعد عن المرساة مع الحفاظ على ar
  const rawW = Math.abs(px - ax);
  const rawH = Math.abs(py - ay);

  // اختر البعد المسيطر
  if(rawW / rawH > ar){
    newH = clamp(rawH, MIN_IMG, bgCanvas.height);
    newW = newH * ar;
  }else{
    newW = clamp(rawW, MIN_IMG, bgCanvas.width);
    newH = newW / ar;
  }

  // حساب x,y حسب المقبض
  if(imgEdit.handle==='nw'){
    newX = ax - newW; newY = ay - newH;
  } else if(imgEdit.handle==='ne'){
    newX = ax;        newY = ay - newH;
  } else if(imgEdit.handle==='se'){
    newX = ax;        newY = ay;
  } else if(imgEdit.handle==='sw'){
    newX = ax - newW; newY = ay;
  }

  imgRect.x = newX; imgRect.y = newY; imgRect.w = newW; imgRect.h = newH;

  clampRectToBoard();
  redrawBackground();
}

function endImgEdit(){
  imgEdit.active = false;
  imgEdit.mode = null;
  imgEdit.handle = null;
  imgEdit.start = null;
  imgEdit.rect0 = null;
}

/*** أحداث الرسم/التحرير على drawCanvas (طبقة التفاعل) ***/
function start(e){
  const p=pos(e);

  // وضع الصورة
  if(tool === 'img'){
    if(startImgEdit(p)){
      drawing = true; // نستخدمها كمؤشر عام للحركة
      e.preventDefault();
      return;
    }
    e.preventDefault();
    return;
  }

  // ليزر
  if(tool==='laser'){
    drawing=true; moveLaser(p); e.preventDefault(); return;
  }

  snapshotInk();
  drawing=true;
  last=p;

  // نقطة فورية
  drawDot(p);

  e.preventDefault();
}

function move(e){
  if(!drawing) return;
  const p=pos(e);

  if(tool === 'img'){
    moveImgEdit(p);
    e.preventDefault();
    return;
  }

  if(tool==='laser'){
    moveLaser(p); e.preventDefault(); return;
  }

  drawCtx.save();
  drawCtx.lineJoin='round';
  drawCtx.lineCap='round';

  if(tool==='eraser'){
    drawCtx.globalCompositeOperation='destination-out';
    drawCtx.strokeStyle='rgba(0,0,0,1)';
    drawCtx.lineWidth = lineWidth*3;
  } else {
    drawCtx.globalCompositeOperation='source-over';
    drawCtx.strokeStyle = penColor;
    drawCtx.lineWidth = lineWidth;
  }

  drawCtx.beginPath();
  drawCtx.moveTo(last.x,last.y);
  drawCtx.lineTo(p.x,p.y);
  drawCtx.stroke();
  drawCtx.restore();

  last=p;
  e.preventDefault();
}

function end(){
  drawing=false;
  last=null;
  endImgEdit();
}

/*** أحداث ***/
drawCanvas.addEventListener('mousedown', start);
drawCanvas.addEventListener('mousemove', move);
window.addEventListener('mouseup', end);

drawCanvas.addEventListener('touchstart', start, {passive:false});
drawCanvas.addEventListener('touchmove', move, {passive:false});
drawCanvas.addEventListener('touchend', end);

/*** لصق سؤال من الحافظة (Ctrl+V) ***/
function focusBoard(){
  try{ drawCanvas.focus(); }catch(e){}
}
drawCanvas.setAttribute('tabindex','0');
drawCanvas.style.outline='none';

document.addEventListener('paste', (e) => {
  const items = e.clipboardData && e.clipboardData.items;
  if(!items) return;

  for(const it of items){
    if(it.type && it.type.startsWith('image/')){
      const file = it.getAsFile();
      if(!file) continue;

      const reader = new FileReader();
      reader.onload = () => {
        const img = new Image();
        img.onload = () => {
          bgImg = img;
          showBg = true;
          initImgRectContain();
          redrawBackground();
          // بعد اللصق: تلقائياً فعّل أداة الصورة لتعديل المكان والمقاس
          setTool('img');
        };
        img.src = reader.result;
      };
      reader.readAsDataURL(file);

      e.preventDefault();
      return;
    }
  }
});

/*** تهيئة ***/
applyWidth();
fitCanvases();
setTool('pen');


✅ Low Risk - https://myboard2-errzu234qx.edgeone.app/

Requests	IP Address	Location	AS Autonomous System
2	43.152.26.58	Singapore	AS139341ACE
2	1	-	-

Security Scan Report: myboard2-errzu234qx.edgeone.app

Summary

AI Security Verdict

Safe Website

Safety Factors

Details

Screenshot

Page Load Overview

Language Analysis

Primary Language

Detection Details

Website Classification

Primary Category

All Detected Categories

Detected Features

Domain & IP Information

Content Similarity HashesFor malware variant detection

TLSH (Trend Micro Locality Sensitive Hash)

ssdeep (Context Triggered Piecewise Hashing)

sdhash (Similarity Digest Hashing)

Image Hashes

Perceptual Hashes

Other Hashes

Scan History