-
如何绘制一个曲折矩形：一个数字
我们知道绘图可以使用画布，画布是HTML5中出现的一种新标签，用于在网页上绘制图形，H5的画布使用Javaｓｃｒｉｐｔ在网页上绘制图形。
锯齿状矩形是用帆布绘制的。
实现代码：
xml代码将内容复制到剪贴板。
锯齿图
Window.addEventListener（负荷
功能eventwindowloaded（）{
变量x，y；
VAR之外= document.getelementbyid（画布）；
VaR上下文= thecanvas.getcontext（2D）；
context.strokestyle =# cb9a61；
上下文：线宽= 10；
context.strokerect（10, 10，thecanvas.width-20，height-20之外。）；
context.fillstyle =# ffffff ；
为（x = 5；x <= canvas.width；XX = x + 10）{
Context.beginPath（）；
context.arc（x，5,5,0，数学。π×2，真的）；
context.arc（x，帆布。height-5,5,0，数学。π×2，真的）；
Context.closePath（）；
Context.fill（）；
}
为（y = 5；Y <= canvas.height；YY = y + 10）{
Context.beginPath（）；
context.arc（5，y，0，数学。π×2，真的）；
context.arc（canvas.width-5，y，0，数学。π×2，真的）；
Context.closePath（）；
Context.fill（）；
}
}
如何写出一个形状如下：一个矩形被分成两部分，一个斜杠分开，两个颜色：
首先，它是一个思路，它分为两部分和两个颜色，使用一个div和对角线在中间。但这并没有实现。由于前台的不足和能力有限，还有另一个计划。
有三个div，大约两个div，设置宽度和高度，在这部分起着重要作用：
事实上，它是一个长方形，分成两个三角形，最后达到了上述效果。另一种思维方式，实现如此简单，不能挂在树上。
代码如下：
xml代码将内容复制到剪贴板。
继续总结一些关于HTML和CSS的知识。前台的知识看起来很简单，但它是一项细致的工作，可以锻炼一个人的耐心。从简单到复杂，从入门到深入，一点点提高自己。