Html 创建自由选择图像贴图

Html 创建自由选择图像贴图,html,css,graphics,photoshop,gimp,Html,Css,Graphics,Photoshop,Gimp,我想知道是否有一种方法,我可以创建一个自由选择的图像地图。到目前为止,我只找到了矩形、多边形和圆形裁剪。我想知道是否有可能在选定的区域周围进行拾取。是的,它被称为poly,工作原理基本相同,您只需定义一个坐标列表。 例如: img{位置:绝对;左侧:0;顶部:0;宽度:100px;高度:100px;} div{位置:绝对;} #div1{左:17px;顶:51px;宽:49px;高:38px;背景色:#ccc;} #div2{左:17px;上:26px;宽度:0;高度:0;左边框:25px实心

我想知道是否有一种方法,我可以创建一个自由选择的图像地图。到目前为止,我只找到了矩形、多边形和圆形裁剪。我想知道是否有可能在选定的区域周围进行拾取。

是的,它被称为
poly
,工作原理基本相同,您只需定义一个坐标列表。 例如:

img{位置:绝对;左侧:0;顶部:0;宽度:100px;高度:100px;}
div{位置:绝对;}
#div1{左:17px;顶:51px;宽:49px;高:38px;背景色:#ccc;}
#div2{左:17px;上:26px;宽度:0;高度:0;左边框:25px实心透明;右边框:25px实心透明;下边框:25px实心35; ccc;}

…这就是GIMP图像贴图过滤器等的多边形区域的功能。为了匹配自由选择,其轮廓必须由该多边形的直线段近似,达到所需的精度-如有必要,降低到像素级。