Модераторы: diadiavova

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> Как прицепить растровую картинку в svg файл? помогите кодом! или ещё чем 
V
    Опции темы
aaa82
Дата 27.12.2012, 11:33 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 45
Регистрация: 5.7.2007

Репутация: нет
Всего: нет



кто знает как прицепить растровую картинку в svg-file ?

что-то пытаюсь сделать сам, пока никак:

Код

<image href="file:///D:/.../picture.jpg" x="0" y="0"
width="10" height="10"
/>


Это сообщение отредактировал(а) aaa82 - 27.12.2012, 12:04
PM MAIL   Вверх
diadiavova
Дата 27.12.2012, 12:14 (ссылка) |  (голосов:1) Загрузка ... Загрузка ... Быстрая цитата Цитата


Доктор Зло(диагност, настоящий, с лицензией и полномочиями)
****


Профиль
Группа: Модератор
Сообщений: 5821
Регистрация: 14.8.2008
Где: В Коньфпольте

Репутация: 22
Всего: 142





--------------------
Хочешь получить мудрый совет - читай подписи участников форумов.
Злой доктор Щасзаболит smile
PM   Вверх
aaa82
Дата 27.12.2012, 13:01 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 45
Регистрация: 5.7.2007

Репутация: нет
Всего: нет



вроде как решена проблема, что-то типа такого работает

Код

<image x="0" y="0" width="153.416" height="122.682" xlink:href="picture.jpg"/>

PM MAIL   Вверх
aaa82
Дата 6.3.2013, 11:04 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 45
Регистрация: 5.7.2007

Репутация: нет
Всего: нет



как сделать закраску объекта растром в SVG-файле?

интересует как код этого выглядит в SVG-файле

Это сообщение отредактировал(а) aaa82 - 6.3.2013, 11:46
PM MAIL   Вверх
diadiavova
Дата 6.3.2013, 12:17 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Доктор Зло(диагност, настоящий, с лицензией и полномочиями)
****


Профиль
Группа: Модератор
Сообщений: 5821
Регистрация: 14.8.2008
Где: В Коньфпольте

Репутация: 22
Всего: 142



ЕМНИП это делается с помощью bacground-image свойства css.


--------------------
Хочешь получить мудрый совет - читай подписи участников форумов.
Злой доктор Щасзаболит smile
PM   Вверх
aaa82
Дата 6.3.2013, 13:03 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 45
Регистрация: 5.7.2007

Репутация: нет
Всего: нет



это мне не поможет )
PM MAIL   Вверх
diadiavova
Дата 6.3.2013, 13:08 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Доктор Зло(диагност, настоящий, с лицензией и полномочиями)
****


Профиль
Группа: Модератор
Сообщений: 5821
Регистрация: 14.8.2008
Где: В Коньфпольте

Репутация: 22
Всего: 142



Почему ? smile


--------------------
Хочешь получить мудрый совет - читай подписи участников форумов.
Злой доктор Щасзаболит smile
PM   Вверх
aaa82
Дата 6.3.2013, 13:11 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 45
Регистрация: 5.7.2007

Репутация: нет
Всего: нет



я не знаю что это "bacground-image свойства css"

мне бы строчечку готового кода ))
и тогда бы я научился в файл записывать правильно эту штуку smile
PM MAIL   Вверх
diadiavova
Дата 6.3.2013, 13:24 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Доктор Зло(диагност, настоящий, с лицензией и полномочиями)
****


Профиль
Группа: Модератор
Сообщений: 5821
Регистрация: 14.8.2008
Где: В Коньфпольте

Репутация: 22
Всего: 142



https://www.google.com/search?q=css%20backg...amp;channel=new
Так же пригодится свойство background-repeat
http://htmlbook.ru/css/background-image
http://htmlbook.ru/css/background-repeat
Просто добавляешь в элемент атрибут style

Код

<rect style="background-image: url( image.jpg)" ...


Что-то в этом роде


--------------------
Хочешь получить мудрый совет - читай подписи участников форумов.
Злой доктор Щасзаболит smile
PM   Вверх
diadiavova
Дата 6.3.2013, 22:54 (ссылка) |    (голосов:1) Загрузка ... Загрузка ... Быстрая цитата Цитата


Доктор Зло(диагност, настоящий, с лицензией и полномочиями)
****


Профиль
Группа: Модератор
Сообщений: 5821
Регистрация: 14.8.2008
Где: В Коньфпольте

Репутация: 22
Всего: 142



Заглянул в документацию, все оказалось не так просто. smile Для создания текстур используются фильтры типа feTile или элемент pattern
Код

       <svg width="300" height="300">
            <defs>
                <pattern id="texture" x="100" y="100" width="47" height="52" patternUnits="userSpaceOnUse">
                    <image width="47" height="52" xlink:href="t_reply.gif"/>
                </pattern>
            </defs>
            
            <circle cx="150" cy="150" r="50" fill="url(#texture)"/>
        </svg>
Здесь использовал картинку с винграда
user posted image
вот что получилось
user posted image


http://www.intuit.ru/department/graphics/svg/5/5.html
http://www.intuit.ru/department/graphics/s...s/free/8/5.html

Добавлено @ 22:56
В примере использовался встроенный svg, как это делается в html5, так что, если у тебя отдельный файл, то все пространства имен и все такое нужно включать, а если используешь внедренный свг, то пример годится для копипасты.


--------------------
Хочешь получить мудрый совет - читай подписи участников форумов.
Злой доктор Щасзаболит smile
PM   Вверх
aaa82
Дата 19.3.2013, 15:03 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 45
Регистрация: 5.7.2007

Репутация: нет
Всего: нет



спасибо, это помогло

Это сообщение отредактировал(а) aaa82 - 19.3.2013, 15:23
PM MAIL   Вверх
aaa82
Дата 20.3.2013, 13:51 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 45
Регистрация: 5.7.2007

Репутация: нет
Всего: нет



остался похоже последний вопрос: как распознать какой картинкой залито - растровой или векторной?

в зависимости от этого вроде как по-разному надо в свг-файл записывать
PM MAIL   Вверх
diadiavova
Дата 20.3.2013, 14:46 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Доктор Зло(диагност, настоящий, с лицензией и полномочиями)
****


Профиль
Группа: Модератор
Сообщений: 5821
Регистрация: 14.8.2008
Где: В Коньфпольте

Репутация: 22
Всего: 142



Не понял. Какой залил, такой и залито. Разве нет? 


--------------------
Хочешь получить мудрый совет - читай подписи участников форумов.
Злой доктор Щасзаболит smile
PM   Вверх
aaa82
Дата 20.3.2013, 20:25 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 45
Регистрация: 5.7.2007

Репутация: нет
Всего: нет



да мне будут приходить всякие фигурки со своими qBrush и мне надо их потом записывать в свг-файл

залито текстурой... а растром или вектором - непонятно как отличить
PM MAIL   Вверх
diadiavova
Дата 20.3.2013, 20:56 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Доктор Зло(диагност, настоящий, с лицензией и полномочиями)
****


Профиль
Группа: Модератор
Сообщений: 5821
Регистрация: 14.8.2008
Где: В Коньфпольте

Репутация: 22
Всего: 142



Я всё равно не понял откуда и в каком виде они будут приходить. Пример приведи, что тебе приходит, тогда можно будет что-то говорить.


--------------------
Хочешь получить мудрый совет - читай подписи участников форумов.
Злой доктор Щасзаболит smile
PM   Вверх
Ответ в темуСоздание новой темы Создание опроса
Правила форума "XML/XSLT"
diadiavova

Прежде чем опубликовать вопрос, попробуйте воспользоваться поиском - возможно тема уже поднималась.

Также рекомендуем Вам зайти в раздел FAQ ,раздел дополняется и, возможно, там вы увидите готовое решение.

Для ответов на часто задаваемые вопросы существует FAQ раздела. Новости можно публиковать в разделе новостей. Для статей так же есть специальный раздел

Желаем удачи в Вашем деле!


Если Вам понравилась атмосфера форума, заходите к нам чаще! С уважением, diadiavova.

 
1 Пользователей читают эту тему (1 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | XML, XSL | Следующая тема »


 




[ Время генерации скрипта: 0.1269 ]   [ Использовано запросов: 20 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.