Как разделить загруженную картинку с помощью greasemonkey? - PullRequest
Новая
       10

Как разделить загруженную картинку с помощью greasemonkey?

1 голос
/ 03 мая 2010

Я использую FireFox. Я хочу разделить изображение на 3 части, а затем отобразить только среднюю часть, используя greasemonkey. Может кто-нибудь, пожалуйста, помогите мне ... Спасибо

1 Ответ

3 голосов
/ 03 мая 2010

Вы можете сделать это, установив изображение в качестве фонового изображения и манипулируя размером и фоновой позицией.

Вот как это сделать с помощью jQuery: 

var img = /* get the image */
var width = Math.round(img.width() / 3.0);

var split = $('<div></div>')
    .css('background-image', 'url(' + img.attr('src') + ')')
    .css('background-position', '-' + width + 'px 0')
    .css('width', width + 'px')
    .css('height', img.height());

img.before(split)
   .hide();

Я предполагаю, что вы хотите разделить его по горизонтали, но преобразовать его в разделенное по вертикали должно быть просто.

См. этот вопрос , чтобы узнать, как использовать jQuery в GreaseMonkey.

...