自定义形状表单

Question

我有一个适合自定义形状的表格。问题是如果添加更多输入，如何扩展此形状。我试试：

•SVG形状，但SVG不能包含HTML元素

•CSS剪辑路径，但......兼容性http://caniuse.com/#search=clip-path

•背景图像SVG，不适用于背景大小，无法缩放到一个方向

•背景图像PNG / JPG，缩放质量差

Answer 1

缩放光栅图像时质量差也取决于该图像的原始（像素）大小。鉴于它只是一个具有相同颜色的大表面，PNG图像的文件大小应该非常小，即使是在更大的范围内。例如，2000x2000像素PNG图像上的形状将小于60KB，尤其是当您应用PNGCrush时。

您可以看到的另一种选择是canvas。在画布上，您可以自己绘制形状。 Canvas support比剪辑路径（IE 9+）好很多。