Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/388.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 有没有一种方法可以在网页上使用矢量绘图创建一个小图形?_Javascript_Jquery_Html_Css_Vector Graphics - Fatal编程技术网

Javascript 有没有一种方法可以在网页上使用矢量绘图创建一个小图形?

Javascript 有没有一种方法可以在网页上使用矢量绘图创建一个小图形?,javascript,jquery,html,css,vector-graphics,Javascript,Jquery,Html,Css,Vector Graphics,我想有一个图标,类似于一个选票复选标记,改变颜色取决于数据值。图标中只有很少几行 有没有什么方法可以让我不必导入图像就可以动态创建它。原因是我希望能够更改图标的颜色,或者,例如,有时图标的内部复选标记会以与外部不同的颜色显示。我不想用闪光灯或任何花哨的东西。我只是希望能找到一种方法来编写它,这样它就可以在现代浏览器中工作,比如IE9(如果你可以称之为现代浏览器)和更高版本 是W3C指定的矢量图形格式 你可以: 使用HTML5画布使用JavaScript绘制图标,或 使用服务器端脚本生成.png或

我想有一个图标,类似于一个选票复选标记,改变颜色取决于数据值。图标中只有很少几行

有没有什么方法可以让我不必导入图像就可以动态创建它。原因是我希望能够更改图标的颜色,或者,例如,有时图标的内部复选标记会以与外部不同的颜色显示。我不想用闪光灯或任何花哨的东西。我只是希望能找到一种方法来编写它,这样它就可以在现代浏览器中工作,比如IE9(如果你可以称之为现代浏览器)和更高版本

是W3C指定的矢量图形格式

你可以:

  • 使用HTML5画布使用JavaScript绘制图标,或
  • 使用服务器端脚本生成.png或.svg,使用适合您语言的库
  • 制作一个带有透明孔的白色图像(gif | png),使孔的形状为勾号

    现在将图像的背景色设置为所需的任何颜色


    另一方面,在大多数现代Unicode字体中,0x2714和0x2713有两个刻度

    ✓ - 细剔使用

    ✔ - 厚勾号

    我不能用彩色来展示这些,但你应该可以根据需要给它们上色