Skip to content

Instantly share code, notes, and snippets.

View VitalyKondratiev's full-sized avatar

Vitaly Kondratiev VitalyKondratiev

View GitHub Profile
@VitalyKondratiev
VitalyKondratiev / get_image_pixel_hex_color.js
Last active November 14, 2017 12:19
Цвет пикселя изображения под курсором
function get_image_pixel_hex_color(){
var img = event.path[0];
var canvas = document.createElement('canvas');
canvas.width = img.width;
canvas.height = img.height;
canvas.getContext('2d').drawImage(img, 0, 0, img.width, img.height);
var pixelData = canvas.getContext('2d').getImageData(event.offsetX, event.offsetY, 1, 1).data;
var hexColor = ('#' +
(pixelData[0].toString(16).length == 2 ? pixelData[0].toString(16) : '0' + pixelData[0].toString(16))+
(pixelData[1].toString(16).length == 2 ? pixelData[1].toString(16) : '0' + pixelData[1].toString(16))+
@VitalyKondratiev
VitalyKondratiev / images_in_row.js
Created September 9, 2016 05:32
Выравнивание изображений в один ряд (чистый JS)
function images_in_row(selector) {
var galleries = document.querySelectorAll(selector);
var galleryMarginWidth = 5;
Array.prototype.forEach.call(galleries, function(gallery, index) {
var images = gallery.getElementsByTagName("img");
if (images.length == 0) {
return;
}
var galleryWidth = parseFloat(getComputedStyle(gallery).width).toFixed(2);
var galleryUsableWidth = galleryWidth - (galleryMarginWidth * images.length * 2);