SVG/SVG HTML გვერდებში

ვიკიწიგნებიდან
< SVG
Jump to navigation Jump to search

<EMBED> ტეგის გამოყენება[რედაქტირება]

<embed> ტეგი უზრუნველყოფილია ყველა დიდი ბრაუზერის მიერ.
შენიშვნა : Adobe SVG Viewer იძლევა რეკომენდაციას იმის შესახებ, რომ EMBED ტეგი გამოიყენოთ, მაშინ, როცა SVG-ს ამაგრებთ HTML-ში. თუ გსურთ შექმნათ სწორი XHTML, თქვენ ვერ გამოიყენებთ <embed> ტეგს - <embed> ტეგი არ არის HTML-ის სპეციფიკაციების სიაში შეტანილი.

<embed src="rect.svg" width="300" height="100" 
type="image/svg+xml"
pluginspage="http://www.adobe.com/svg/viewer/install/" />

შენიშვნა  : pluginspage ატრიბუტი მიმართავს URL-ს პლაგინის გადმოსაწერად.
წვრილმანი : ინტერნეტ ექსპლორერი უზრუნველყოფს დამატებით ატრიბუტს, wmode="transparent", რომელიც HTML გვერდის ფონს ქმნის სრულიად კაშკაშას.

<OBJECT> ტეგის გამოყენება[რედაქტირება]

<object> ტეგი არის HTML-ის სტანდარტული ტეგი და ის უზრუნველყოფილია ყველა ახალი ბრაუზერის მიერ. არახელსაყრელია ის, რომ ეს ტეგი არ უშვებს სკრიფტინგს.
შენიშვნა : თუ თქვენ დაყენებული გაქვთ Adobe SVG Viewer-ის ბოლო ვერსია, SVG ფაილები არ იმუშავებენ <object> ტეგის გამოყენების შემთხვევაში.

<object data="rect.svg" width="300" height="100" 
type="image/svg+xml"
codebase="http://www.adobe.com/svg/viewer/install/" />

შენიშვნა  : codebase ატრიბუტი მიმართავს URL-ს პლაგინის გადმოსაწერად.

<IFRAME> ტეგის გამოყენება[რედაქტირება]

<iframe> ტეგი მუშაობს თითქმის ყველა ბრაუზერში.

<iframe src="rect.svg" width="300" height="100">
</iframe>

ვისურვებდი...[რედაქტირება]

ვისურვედი SVG ელემენტების პირდაპირ HTML კოდში ჩამატებას, მხოლოდ SVG-ს სახელის ზომის მიმართვისგან, ამის მსგავსად :

<html
xmlns:svg="http://www.w3.org/2000/svg">
<body>
<p>This is an HTML paragraph</p>
<svg:svg width="300" height="100" version="1.1" >
<svg:circle cx="100" cy="50" r="40" stroke="black"
stroke-width="2" fill="red" />
</svg:svg>
</body>
</html>