search
HomeWeb Front-endCSS TutorialBasic concepts of VML_VML related

VML is equivalent to the brush in IE, which can realize the graphics you want, and combined with scripts, it can produce dynamic effects on graphics. VML was released by Microsoft in September 1999 with IE5.0. In my opinion, VML is actually the product of the combination of Word and HTML. You can save Word documents as HTML, and the text and pictures in it can be easily converted. However, hand-drawn graphics cannot be interpreted in IE in the past, and it is not practical to convert them into graphics files. So Microsoft integrated the graphics controls in Word into IE, so that IE also has drawing functions.
The full name of VML is Vector Markup Language (Vector Markup Language). Vector graphics mean that graphics can be enlarged or reduced without losing the quality of the graphics. This is of great use in making maps. In order to show its power and increase your confidence in learning VML, let me first show you a VML example:

Hello world!
Hello VML!


In VML, tags use XML expansion and require a namespace. You can use the customary "v" as the namespace. The common definitions used from IE5.0 to IE6.0 are as follows:

xmlns:v="urn:schemas-microsoft-com:vml">

v:* { Behavior: url(#default#VML) }


The full name of xmlns is XML NameSpace, which is the namespace. Behavior is also a new thing introduced in IE5.0. Its function is very powerful. Combined with style sheets, it can add behaviors (new attributes, methods, events) to any HTML object. Here, its use is to name The space "v" is connected to the system's predefined behavioral VML. After this definition, you can use the following tags, which are different from ordinary HTML tags. Each tag adds a namespace:



Like other HTML elements, most of the DHTML attributes and events can be defined in VML tags, such as id, name, title, onmouseover, etc. VML is more flexible in terms of writing. Many attributes can be written in tags or represented by a new tag independently:
StrokeColor=red Path="m 0,0 l 10,10 x e"
>
is equivalent to the following writing:




Of course not all attributes can be written as independent tags. Commonly used ones include the above Stroke (can be translated into linear according to my understanding), Path, Shadow, Fill (fill), etc. VML can be understood in this way. Classify the attributes of the shape to make the attributes more intuitive. Some objects derived from the Shape object, more direct images, such as Rect (rectangle), RoundRect (rectangle with rounded edges), Oval (circle), Line (line), PolyLine (irregular polyline), Image (Graphic files) and so on, these objects will be described in detail later.
Statement
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Orbital Mechanics (or How I Optimized a CSS Keyframes Animation)Orbital Mechanics (or How I Optimized a CSS Keyframes Animation)May 09, 2025 am 09:57 AM

What does it look like to refactor your own code? John Rhea picks apart an old CSS animation he wrote and walks through the thought process of optimizing it.

CSS Animations: Is it hard to create them?CSS Animations: Is it hard to create them?May 09, 2025 am 12:03 AM

CSSanimationsarenotinherentlyhardbutrequirepracticeandunderstandingofCSSpropertiesandtimingfunctions.1)Startwithsimpleanimationslikescalingabuttononhoverusingkeyframes.2)Useeasingfunctionslikecubic-bezierfornaturaleffects,suchasabounceanimation.3)For

@keyframes CSS: The most used tricks@keyframes CSS: The most used tricksMay 08, 2025 am 12:13 AM

@keyframesispopularduetoitsversatilityandpowerincreatingsmoothCSSanimations.Keytricksinclude:1)Definingsmoothtransitionsbetweenstates,2)Animatingmultiplepropertiessimultaneously,3)Usingvendorprefixesforbrowsercompatibility,4)CombiningwithJavaScriptfo

CSS Counters: A Comprehensive Guide to Automatic NumberingCSS Counters: A Comprehensive Guide to Automatic NumberingMay 07, 2025 pm 03:45 PM

CSSCountersareusedtomanageautomaticnumberinginwebdesigns.1)Theycanbeusedfortablesofcontents,listitems,andcustomnumbering.2)Advancedusesincludenestednumberingsystems.3)Challengesincludebrowsercompatibilityandperformanceissues.4)Creativeusesinvolvecust

Modern Scroll Shadows Using Scroll-Driven AnimationsModern Scroll Shadows Using Scroll-Driven AnimationsMay 07, 2025 am 10:34 AM

Using scroll shadows, especially for mobile devices, is a subtle bit of UX that Chris has covered before. Geoff covered a newer approach that uses the animation-timeline property. Here’s yet another way.

Revisiting Image MapsRevisiting Image MapsMay 07, 2025 am 09:40 AM

Let’s run through a quick refresher. Image maps date all the way back to HTML 3.2, where, first, server-side maps and then client-side maps defined clickable regions over an image using map and area elements.

State of Devs: A Survey for Every DeveloperState of Devs: A Survey for Every DeveloperMay 07, 2025 am 09:30 AM

The State of Devs survey is now open to participation, and unlike previous surveys it covers everything except code: career, workplace, but also health, hobbies, and more. 

What is CSS Grid?What is CSS Grid?Apr 30, 2025 pm 03:21 PM

CSS Grid is a powerful tool for creating complex, responsive web layouts. It simplifies design, improves accessibility, and offers more control than older methods.

See all articles

Hot AI Tools

Undresser.AI Undress

Undresser.AI Undress

AI-powered app for creating realistic nude photos

AI Clothes Remover

AI Clothes Remover

Online AI tool for removing clothes from photos.

Undress AI Tool

Undress AI Tool

Undress images for free

Clothoff.io

Clothoff.io

AI clothes remover

Video Face Swap

Video Face Swap

Swap faces in any video effortlessly with our completely free AI face swap tool!

Hot Tools

Safe Exam Browser

Safe Exam Browser

Safe Exam Browser is a secure browser environment for taking online exams securely. This software turns any computer into a secure workstation. It controls access to any utility and prevents students from using unauthorized resources.

Dreamweaver Mac version

Dreamweaver Mac version

Visual web development tools

SecLists

SecLists

SecLists is the ultimate security tester's companion. It is a collection of various types of lists that are frequently used during security assessments, all in one place. SecLists helps make security testing more efficient and productive by conveniently providing all the lists a security tester might need. List types include usernames, passwords, URLs, fuzzing payloads, sensitive data patterns, web shells, and more. The tester can simply pull this repository onto a new test machine and he will have access to every type of list he needs.

ZendStudio 13.5.1 Mac

ZendStudio 13.5.1 Mac

Powerful PHP integrated development environment

SublimeText3 Mac version

SublimeText3 Mac version

God-level code editing software (SublimeText3)