Встречается на собеседованиях • сегодня

Будешь ли заниматься задачей по сдвигу пикселей

Конечно! Сдвиг пикселей — это интересная задача, которую можно решить разными способами. Если речь о манипуляциях с изображением, можно использовать Canvas API или CSS-трансформации.

Пример с Canvas:

javascript
const canvas = document.getElementById('canvas');
const ctx = canvas.getContext('2d');
const img = new Image();
img.onload = () => {
  ctx.drawImage(img, 0, 0);
  const imageData = ctx.getImageData(0, 0, canvas.width, canvas.height);
  const data = imageData.data;
  
  // Сдвигаем пиксели на 10px вправо
  for (let y = 0; y < canvas.height; y++) {
    for (let x = canvas.width - 1; x >= 10; x--) {
      const index = (y * canvas.width + x) * 4;
      const targetIndex = (y * canvas.width + (x - 10)) * 4;
      data[targetIndex] = data[index];     // R
      data[targetIndex + 1] = data[index + 1]; // G
      data[targetIndex + 2] = data[index + 2]; // B
    }
  }
  ctx.putImageData(imageData, 0, 0);
};
img.src = 'image.jpg';

Если задача проще (например, анимация), можно обойтись CSS:

css
.pixel-shift {
  transition: transform 0.3s;
}
.pixel-shift:hover {
  transform: translateX(10px);
}

Готов обсудить детали и выбрать оптимальный подход!

Sophi
Софи собрала все вопросы. Тренируйся и получай
офферы быстрее!
Попробовать бесплатноArrow

Следующий вопрос

Это единственный вопрос по вашему фильтру

как отвечать на вопрос
пример собеседования
фреймворки на собеседовании
типичные вопросы junior
интервью вопросы и ответы