在特定班级的每个div中绘制对角线？

Question

一般来说 - 是否可以使用javascript在网站上的特定div内部绘制两条对角线？它应该基本上看起来像一个占位符图像......例如http://wightwildflowers.com/assets/images/placeholder.png

我只是好奇。如果有可能怎么做？

Answer 1

您可以为DOM添加具有正确大小的每个特定div的标记并链接图像。它会有点扭曲。

OTO你也可以尝试在每个这样的div上创建一个画布并在那里画线。

Answer 2

没有一个好的本地方式来做到这一点。唯一纯粹的JavaScript解决方案是构建一些html元素的二维数组（表格单元格或div或其他），并将它们视为像素，为特定单元格着色。

提供/生成图像可能是一个不错的选择。

下一个选项是使用类似raphaeljs的内容来生成浏览器支持的矢量图像。这应该可以相当可靠地工作，但会为你的页面增加很多权重来绘制两行。

Answer 3

动态添加和调整刚才显示的占位符图片是否合理？这可能是你最好的选择。

您也可以尝试使用canvas元素。