我想用贝塞尔曲线是可行的,但我不知道
zpgglvta1#
简单的说,有很多种方法,其中一些已经过时了,根据经验,如果有对角线或曲线,你要么看到javascript,要么看到某种形式的图像,要么看到css文件中嵌入的SVG,我将跳过javascript方法,因为它们涉及到实际的编程,我怀疑这不是你想要做的。(如果我错了,请看一下画布HTML实体的文档,以及使用JavaScript在它们上绘图的方法!)
SVG
svg
body { background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='10'><linearGradient id='gradient'><stop offset='10%' stop-color='%23F00'/><stop offset='90%' stop-color='%23fcc'/> </linearGradient><rect fill='url(%23gradient)' x='0' y='0' width='100%' height='100%'/></svg>"); }
尽管这看起来有点复杂,但这是一个很好的方法,因为如果你的页面是由一个动态服务器运行的,你可以让图形中的所有颜色都成为服务器可以推断的动态值。这样,你就可以改变曲线的颜色以及页面的其余部分。注意,有一些方法可以在svg文件中换行,这使得它们更具可读性!
1条答案
按热度按时间zpgglvta1#
简单的说,有很多种方法,其中一些已经过时了,根据经验,如果有对角线或曲线,你要么看到javascript,要么看到某种形式的图像,要么看到css文件中嵌入的
SVG
,我将跳过javascript方法,因为它们涉及到实际的编程,我怀疑这不是你想要做的。(如果我错了,请看一下画布HTML实体的文档,以及使用JavaScript在它们上绘图的方法!)最现代的方法可能是在css样式表中把它写成内联的
svg
.svg
是一种基于矢量的web图像格式.这种格式是描述性的和人类可读的,但是我猜也有编辑器可以用点击的方式来做. this question的公认答案提到了它可以在代码中完成的方式.响应者给出了以下内嵌svg的示例:
尽管这看起来有点复杂,但这是一个很好的方法,因为如果你的页面是由一个动态服务器运行的,你可以让图形中的所有颜色都成为服务器可以推断的动态值。这样,你就可以改变曲线的颜色以及页面的其余部分。注意,有一些方法可以在svg文件中换行,这使得它们更具可读性!
如果愿意,您也可以将此信息编码为base64,但这会使将来更改颜色变得复杂(如果相关)。
您还可以将图像生成为资源(无论如何,我强烈建议使用SVG格式),并将其插入到页面中的正确位置。
1.(已弃用)像素化图像文件
在互联网的早期,当人们对他们的个人主页和学校、体育俱乐部等页面进行大量修改时,经常可以观察到人们只是插入像素化的图像来创建斜坡和曲线。这是我今天强烈反对的,因为许多设备以不可预见的方式缩放页面,使用这种技术你的斜坡看起来会很糟糕。