小编Ano*_*non的帖子

如果我有一个基于用户选择过滤表的SELECT标签,那么SELECT标签是否需要在FORM标签中(有效的HTML5),如果JS被禁用,结果功能将不起作用(即我们将显示整个表或"更多"链接,而不是在选择表单操作/提交选项时执行服务器端过滤器(我们可能在JS中编写select,因此如果JS禁用,它将从标记中消失.

或者所有表单元素都需要在表单标记中,而不管用法如何(因此为null'action'属性值).

我知道HTML5几乎可以提供任何内容,但我无法在W3上找到明确的答案,所以我想我会理解你的想法.希望有道理.干杯.

假设我有:

var context = document.getElementById('test').getContext('2d');

// Background
context.fillStyle = '#000';
context.fillRect(0,0,300,300);

// 'P'
context.beginPath();
context.moveTo(90,89);
context.lineTo(161,89);
context.quadraticCurveTo(200,89,200,127);
context.quadraticCurveTo(200,166,148,166);
context.lineTo(115,166);
context.lineTo(108,210);
context.lineTo(69,210);
context.lineTo(90,89);
context.fillStyle = "#eee";
context.fill();
context.closePath();

context.globalCompositeOperation = 'destination-out';

// 'P' hole
context.beginPath();
context.moveTo(124,117);
context.lineTo(146,117);
context.quadraticCurveTo(160,117,160,127);
context.quadraticCurveTo(160,145,146,145);
context.lineTo(120,145);
context.lineTo(124,117);
context.fillStyle = '#ffffff';
context.fill();
context.closePath();

这是有效的,除非您可以看到"洞"不是剪辑,因此如果背景不是实心,您根本无法设置孔的"填充"颜色以匹配背景.

因此我需要修剪这个洞.然而,当我这样做时,显示的'P'的唯一部分是由剪辑'孔'限定的部分.我需要反过来.我需要'P'来显示,但是用"洞"剪切部分,这样任何背景都会显示出来.

这是我得到的,但不完全在那里:

var context = document.getElementById('test').getContext('2d');

// Background
context.fillStyle = '#000';
context.fillRect(0,0,300,300);

// 'P' hole clip
context.beginPath();
context.moveTo(124,117);
context.lineTo(146,117);
context.quadraticCurveTo(160,117,160,127);
context.quadraticCurveTo(160,145,146,145);
context.lineTo(120,145);
context.lineTo(124,117);
context.clip();
context.closePath();

// 'P'
context.beginPath();
context.moveTo(90,89);
context.lineTo(161,89);
context.quadraticCurveTo(200,89,200,127);
context.quadraticCurveTo(200,166,148,166);
context.lineTo(115,166);
context.lineTo(108,210); …