Установить размер на фоновое изображение с помощью CSS?
Вы можете передать файловый дескриптор другому процессу через сокеты unix domain . Вот код для передачи такого файлового дескриптора, взятого из Unix Network Programming
ssize_t
write_fd(int fd, void *ptr, size_t nbytes, int sendfd)
{
struct msghdr msg;
struct iovec iov[1];
#ifdef HAVE_MSGHDR_MSG_CONTROL
union {
struct cmsghdr cm;
char control[CMSG_SPACE(sizeof(int))];
} control_un;
struct cmsghdr *cmptr;
msg.msg_control = control_un.control;
msg.msg_controllen = sizeof(control_un.control);
cmptr = CMSG_FIRSTHDR(&msg);
cmptr->cmsg_len = CMSG_LEN(sizeof(int));
cmptr->cmsg_level = SOL_SOCKET;
cmptr->cmsg_type = SCM_RIGHTS;
*((int *) CMSG_DATA(cmptr)) = sendfd;
#else
msg.msg_accrights = (caddr_t) &sendfd;
msg.msg_accrightslen = sizeof(int);
#endif
msg.msg_name = NULL;
msg.msg_namelen = 0;
iov[0].iov_base = ptr;
iov[0].iov_len = nbytes;
msg.msg_iov = iov;
msg.msg_iovlen = 1;
return(sendmsg(fd, &msg, 0));
}
/* end write_fd */
И вот код для получения дескриптора файла
ssize_t
read_fd(int fd, void *ptr, size_t nbytes, int *recvfd)
{
struct msghdr msg;
struct iovec iov[1];
ssize_t n;
int newfd;
#ifdef HAVE_MSGHDR_MSG_CONTROL
union {
struct cmsghdr cm;
char control[CMSG_SPACE(sizeof(int))];
} control_un;
struct cmsghdr *cmptr;
msg.msg_control = control_un.control;
msg.msg_controllen = sizeof(control_un.control);
#else
msg.msg_accrights = (caddr_t) &newfd;
msg.msg_accrightslen = sizeof(int);
#endif
msg.msg_name = NULL;
msg.msg_namelen = 0;
iov[0].iov_base = ptr;
iov[0].iov_len = nbytes;
msg.msg_iov = iov;
msg.msg_iovlen = 1;
if ( (n = recvmsg(fd, &msg, 0)) <= 0)
return(n);
#ifdef HAVE_MSGHDR_MSG_CONTROL
if ( (cmptr = CMSG_FIRSTHDR(&msg)) != NULL &&
cmptr->cmsg_len == CMSG_LEN(sizeof(int))) {
if (cmptr->cmsg_level != SOL_SOCKET)
err_quit("control level != SOL_SOCKET");
if (cmptr->cmsg_type != SCM_RIGHTS)
err_quit("control type != SCM_RIGHTS");
*recvfd = *((int *) CMSG_DATA(cmptr));
} else
*recvfd = -1; /* descriptor was not passed */
#else
/* *INDENT-OFF* */
if (msg.msg_accrightslen == sizeof(int))
*recvfd = newfd;
else
*recvfd = -1; /* descriptor was not passed */
/* *INDENT-ON* */
#endif
return(n);
}
/* end read_fd */
5 ответов
CSS2
Если вам нужно увеличить изображение, вы должны отредактировать само изображение в редакторе изображений.
Если вы используете тег img, вы можете изменить размер, но это не даст желаемого результата, если вам нужно, чтобы изображение служило фоном для какого-либо другого контента (и оно не будет повторяться, как вам кажется). ...
CSS3 высвободите силы
Это можно сделать в CSS3 с background-size .
Все современные браузеры поддерживают это, поэтому, если вам не нужно поддерживать старые браузеров, это способ сделать это.
Поддерживаемые браузеры:
Mozilla Firefox 4.0+ (Gecko 2.0+), Microsoft Internet Explorer 9.0+, Opera 10.0+, Safari 4.1+ (webkit 532) и Chrome 3.0+ .
.stretch{
/* Will stretch to specified width/height */
background-size: 200px 150px;
}
.stretch-content{
/* Will stretch to width/height of element */
background-size: 100% 100%;
}
.resize-width{
/* width: 150px, height: auto to retain aspect ratio */
background-size: 150px Auto;
}
.resize-height{
/* height: 150px, width: auto to retain aspect ratio */
background-size: Auto 150px;
}
.resize-fill-and-clip{
/* Resize to fill and retain aspect ratio.
Will cause clipping if aspect ratio of box is different from image. */
background-size: cover;
}
.resize-best-fit{
/* Resize to best fit and retain aspect ratio.
Will cause gap if aspect ratio of box is different from image. */
background-size: contain;
}
В частности, мне нравится, что обложка и содержат значения, которые дают нам новые возможности контроля, которых у нас не было раньше.
Round
Вы также можете использовать background-size: round , которые имеют значение в сочетании с repeat:
.resize-best-fit-in-repeat{
/* Resize to best fit in a whole number of times in x-direction */
background-size: round auto; /* Height: auto is to keep aspect ratio */
background-repeat: repeat;
}
Это отрегулирует ширину изображения так, чтобы оно умещалось целое количество раз в область позиционирования фона.
Дополнительное примечание
Если вам нужен статический размер в пикселях, все же разумно физически изменить размер фактического изображения. Это необходимо как для улучшения качества изменения размера (при условии, что ваше программное обеспечение для изображений работает лучше, чем браузеры), так и для экономии трафика, если исходное изображение больше, чем отображаемое.
Вы не можете установить размер фонового изображения с помощью текущей версии CSS (2.1).
Вы можете установить только: position , исправить , URL-адрес изображения , режим повтора и цвет .
Невозможно . Фон всегда будет настолько большим, насколько это возможно, но вы можете предотвратить его повторение с помощью background-repeat .
background-repeat: no-repeat;
Во-вторых, фон не входит в область полей поля, поэтому если вы хотите, чтобы фон находился только на фактическом содержимом блока, вы можете использовать поля вместо заполнения.
В-третьих, вы можете контролировать, где начинается фоновое изображение. По умолчанию это верхний левый угол поля, но вы можете управлять этим с помощью background-position , например:
background-position: center top;
или, возможно,
background-position: 20px -14px;
. Отрицательное позиционирование часто используется с CSS-спрайтами. .
Если ваши пользователи используют только Opera 9.5+, Safari 3+, Internet Explorer 9+ и Firefox 3.6+, то ответ - да. В противном случае нет.
Свойство background-size является частью CSS 3, но оно не работает в большинстве браузеров.
Для ваших целей просто увеличьте фактическое изображение.
background-size работает в Chrome 4.1, но пока мне не удалось заставить его работать в Firefox 3.6.