`

HTML画线条

HTMLJava 
阅读更多 
<html xmlns:v="urn:schemas-microsoft-com:vml">
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
    <style>
        v\:*{Behavior:url(#default#VML)}
    </style>
    <script language="javascript">
    window.onload = function(){
        document.getElementById("line01").innerHTML = drowLine("1,200 150,50 200,330 500,240");
    }
    function drowLine(linePoints){
        var str = "<v:PolyLine filled='false' style='z-index:1' strokeColor='#0066CC' strokeWeight='2px' ";
        str += "Points='"+linePoints+"' />";
        return str;
    }
    </script>
</head>
<body>
<v:group ID="group1" style="position:relative;WIDTH:800px;HEIGHT:400px;" coordsize = "800,400">
    <div id="line01"></div>
</v:group>
</body>
</html>
分享到：
| 轻松配置PHP5.3.3+Apache2.2.16+MySQL5.1.4 ...
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    html5炫酷线条背景动画后台登录界面模板

    HTML5炫酷线条背景动画后台登录界面模板是一个前端设计资源，它利用了HTML5的先进技术，结合动态线条背景动画，创造出吸引人的用户交互体验。这种模板通常用于网站的登录页面，为用户提供一个既美观又实用的入口点。...

    HTML5 svg炫酷波浪线条动画插件

    本项目“HTML5 svg炫酷波浪线条动画插件”是利用SVG的特性，结合JavaScript库TweenMax和jQuery，创造出动态的、视觉效果出众的波浪线条动画。TweenMax是一个强大的JavaScript动画库，提供了丰富的缓动函数和时间控制...

    html5 canvas线条丝状波浪隧道动画效果

    这款“html5 canvas线条丝状波浪隧道动画效果”就是一个利用Canvas API实现的艺术性动画示例，展示了Canvas的潜力和创造力。 首先，我们要了解Canvas的基本结构。在HTML文件中，我们通过`&lt;canvas&gt;`标签来创建一个...

    html5 canvas虚幻的线条背景动画

    在这个“html5 canvas虚幻的线条背景动画”中，我们将深入探讨如何利用Canvas API创建出引人入胜的线条动画背景。 Canvas API提供了一组JavaScript方法，用于在画布上绘制图形，包括线条、圆形、矩形以及更复杂的...

    HTML5 Canvas线条背景动画.zip

    在这个“HTML5 Canvas线条背景动画”中，我们主要探讨的是如何利用JavaScript和Canvas API来创建一个动态的线条背景动画效果。 首先，Canvas API是HTML5的一个重要组成部分，它提供了一个二维绘图环境，开发者可以...

    HTML5光速线条动画特效.zip

    光速线条动画特效是HTML5应用的一个独特亮点，能够为网站带来引人入胜的视觉体验。本教程将深入探讨如何利用HTML5、CSS3以及jQuery实现这种效果。 首先，HTML5提供了一些新的元素和API，如canvas画布，使得开发者...

    HTML5 canvas高通量线条动画.zip

    这个"HTML5 canvas高通量线条动画.zip"压缩包包含的资源专注于使用canvas实现高性能的线条动画，特别是能量线条动画和通量轨迹动画。在JavaScript特效中，这种技术的应用可以为网页带来丰富的视觉效果和互动体验。 ...

    网页素材~动画线条

    4. **HTML5 Canvas**：对于高度自定义的动画，可以使用Canvas API绘制线条并实时更新其状态，实现各种动态效果。 5. **Web Animations API**：这是浏览器原生支持的动画接口，可以方便地创建和控制动画，提供了与...

    HTML5游动的线条动画js特效.zip

    这个“HTML5游动的线条动画js特效”是一个利用JavaScript和HTML5 Canvas结合实现的创新视觉效果，旨在为网页增添动态美感。 Canvas是HTML5中的一个核心元素，它是一个矩形区域，可以通过JavaScript来绘制图形。在这...

    html5 canvas彩色流动线条动画特效

    本文将深入探讨如何使用HTML5 Canvas实现彩色流动线条的动画特效。 首先，要创建一个Canvas元素，我们需要在HTML文件中插入一个`&lt;canvas&gt;`标签，并为其指定一个ID，以便通过JavaScript进行访问： ```html ...

    html5 canvas五彩发光线条游走散开动画特效

    在这个“五彩发光线条游走散开动画特效”中，我们主要涉及了Canvas的一些核心概念和技术，包括路径绘制、颜色处理、动画帧更新以及事件处理。 首先，Canvas API提供了`beginPath()`、`moveTo()`、`lineTo()`等方法...

    漂亮的html5线条背景动画特效

    这个"漂亮的html5线条背景动画特效"就是一个利用HTML5技术实现的视觉效果，主要涉及SVG（Scalable Vector Graphics）元素和JavaScript编程。 SVG是HTML5中的一种图像格式，它支持矢量图，这意味着无论放大多少倍，...

    HTML5 SVG简单的动态绘制轮廓线条动画插件.zip

    在"HTML5 SVG简单的动态绘制轮廓线条动画插件.zip"这个压缩包中，可能包含了一个或多个JavaScript文件（例如1987.js），这些文件提供了实现动态线条动画的函数和方法。开发者通常会将这样的插件集成到HTML页面中，...

    html好看线条雨.zip

    HTML线条雨特效是一种在网页设计中用于创建动态视觉效果的技术，它通过JavaScript或者CSS3来实现。这个"html好看线条雨.zip"文件包含了名为"线条雨.html"的示例文件，很可能是展示如何利用HTML、CSS和可能的...

    Canvas画布线条组合动画特效.zip

    通过不断改变角度值，可以画出一条完整的圆周，再通过调整半径和角度，可以创建出多层次的花环效果。 颜色的组合也是此特效的关键部分。可以使用JavaScript的`Math.random()`函数来生成随机颜色，或者使用HSL（色相...

    HTML5 Canvas鼠标绘制线条特效.zip

    这个“HTML5 Canvas鼠标绘制线条特效”利用了Canvas API，通过JavaScript实现了一个独特的效果，即当用户移动鼠标时，会在Canvas画布上绘制出跟随鼠标的线条，形成一种光标动画效果。下面我们将深入探讨这一技术的...

    html5 canvas酷炫的线条动画特效

    `beginPath()`开始一个新的路径，`moveTo(x, y)`移动到指定坐标，`lineTo(x, y)`画一条到新坐标的线，最后`stroke()`描绘出线条。 ```javascript ctx.beginPath(); ctx.moveTo(10, 10); ctx.lineTo(100, 100); ctx....

    HTML5 Canvas酷炫线条动画背景特效

    这款“HTML5 Canvas酷炫线条动画背景特效”利用了Canvas元素的特性，构建了一个充满动感且个性化的网页背景。接下来，我们将深入探讨这个特效背后涉及的HTML5 Canvas相关知识点。 1. **Canvas元素**：Canvas是HTML5...

Magicbox
Global site tag (gtag.js) - Google Analytics