HTML5内联SVG
在 HTML5 中,我们能够将 SVG 元素直接嵌入 HTML 页面中:
<body> <svg id = "circle" height = "200" xmlns="http://www.w3.org/2000/svg" version="1.1" > <circle id = "greencircle" cx = "30" cy = "30" r = " 30" fill = "red" /> </svg> </body>
SVG_矩形
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="300" height="300"> <rect x="50" y="20" width="150" height="150" style="fill:blue;stroke:pink;stroke-width:5;"/> </svg>
SVG 与 Canvas两者间的区别
HTML5_MathML
MathML 是数学标记语言,是一种基于 XML 的标准,用来书写数学符号和公式的置标语言。 HTML5 可以在文档中使用 MathML 元素 ,对应的标签是 ... 。
MathML 实现一元二次方程
<math xmlns="http://www.w3.org/1998/Math/MathML"> <!-- mrow:包裹一个或多个表达式 --> <mrow> <mrow> <!-- msup:包裹上标的表达式 --> <msup> <!-- mi:包裹字符 --> <mi>x</mi> <!-- mn:包裹数字 --> <mn>2</mn> </msup> <!-- mo:包裹运算符 --> <mo>+</mo> <mrow> <mn>4</mn> <mi>x</mi> </mrow> <mo>+</mo> <mn>4</mn> </mrow> <mo>=</mo> <mn>0</mn> </mrow> </math>
HTML5_拖放(Drag 和 Drop)
拖放 :即抓取对象以后拖到另一个位置。在 HTML5 中,拖放是标准的一部分,任何元素都能够拖放。
1、定义可拖拽元素
添加 draggable 属性
true ,表示元素可以被拖拽
false ,表示元素不可以被拖拽
添加事件处理程序属性 ondragstart
<p id="con" draggable="true" ondragstart="dragstart(event)"> 我是可拖拽内容 </p> <script> function dragstart(e){ console.log(e)//打印事件对象 } </script>
HTML新特性【HTML5内联SVG、SVG_矩形、SVG 与 Canvas两者间的区别 、HTML5_MathML 】(三)-全面详解(学习总结---从入门到深化)(下):https://developer.aliyun.com/article/1420268