как вычеркнуть ДИВ

Question

У меня есть DIV элемент, который содержит текст, и я хочу, чтобы уничтожить весь элемент, так что эти две линии пересекаются как символ X.

text-decoration:line-through 

Strikeout текст не подходит ,

Я хочу линию на 45 градусов. Я ожидаю, что это возможно с помощью холста.

Answer 1

HTML:

<div id="con" style="position:relative;"> 
    <canvas id="canvas" style="position:absolute; top:0; left:0; z-index:0;"> 
    </canvas> 
    <div id="text"> 
    ..... 
    </div> 
</div> 

ЯШ:

var width = document.getElementById('text').offsetWidth; 
    var height = document.getElementById('text').offsetHeight; 
    var canvas = document.getElementById('canvas'); 
    canvas.width = width; 
    canvas.height = height; 
    var context = canvas.getContext('2d'); 
    context.beginPath(); 
    context.moveTo(0, 0); 
    context.lineTo(width, height); 
    context.moveTo(width, 0); 
    context.lineTo(0, height); 
    context.stroke();