繪製對角線在每個特定類的div？

Question

一般來說 - 是否可以使用javascript在網站上的特定div內繪製兩條對角線？它應該基本上看起來像一個佔位符圖像...例如http://wightwildflowers.com/assets/images/placeholder.png

我只是好奇。如果可能的話，它會怎麼做？

Answer 1

動態添加和調整剛剛顯示的佔位符圖像的大小是否合理？這可能是你最好的選擇。

您也可以嘗試使用canvas元素。

Answer 2

您可以爲每個具有正確大小的特定div添加標籤到您的DOM並鏈接圖像。它會有點失真。

OTO你也可以嘗試在每個這樣的div上創建一個畫布並在那裏畫線。

Answer 3

有沒有一個很好的本地方式來做到這一點。唯一純粹的JavaScript解決方案是構建一個html元素（表格單元格或divs或其他）的二維數組，並將它們視爲像素，爲特定單元格着色。

提供/生成圖像可能是一個很好的選擇。

下一個選項是使用類似raphaeljs的東西來生成瀏覽器支持的矢量圖像。這應該相當可靠地工作，但增加了很多重量到您的網頁畫兩條線。