svg dom绘制折线

最新推荐文章于 2024-04-11 00:37:10 发布

战略观察者

最新推荐文章于 2024-04-11 00:37:10 发布

阅读量469

点赞数

分类专栏： html5

本文链接：https://blog.csdn.net/baohanqing/article/details/17688469

版权

html5 专栏收录该内容

120 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>

<html>

<head>

<title>svg dom绘制折线</title>

<style>

#mypolyline{

border: 1px solid red;

width: 200px;

height: 200px;

}

</style>

function createPolyLine(){

var root=document.getElementByIdx_x("mypolyline");

var SVG="http://www.w3.org/2000/svg";

//创建svg元素

var svg=document_createElement_xNS(SVG,"svg");

svg.setAttribute("width","200");

svg.setAttribute("height","200");

//创建我们的polyline元素

var polyline=document_createElement_xNS(SVG,"polyline");

polyline.setAttribute("points","10,10 100,10,100,100");

polyline.setAttribute("stroke","black");

polyline.setAttribute("fill","none");

svg.a(polyline);

root.a(svg);

}

</script>

</head>

<h3>SVG DOM绘制折线图</h3>

</body>

</html>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

战略观察者

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
svg dom绘制折线

dom绘制折线" TITLE="svg dom绘制折线" /> <!DOCTYPEhtml> <metacharset="utf-8"> svgdom绘制折线 #mypolyline{ border: 1px solid red; width: 200px;
复制链接

扫一扫