Question

我搜索了很多。但是不能做出决定，我应该使用带有区域标签的canvas api或html映射来点击特定颜色的图像部分。就像，链接如下。

Example link

请建议我，我应该以哪种方式去尝试？

Answer 1

你试过这个吗？

HTML Tag Area

<强>编辑：我不是一个特殊的人，但我不相信只有办法做某事。我在我的标签区域。

我发现了这个，也许可以帮助你。

Canvas

<强> HTML

<canvas id="canvas" width="400" height="200" class="playable-canvas"></canvas>
<div class="playable-buttons">
  <input id="edit" type="button" value="Edit" />
  <input id="reset" type="button" value="Reset" />
</div>
<textarea id="code" class="playable-code">
ctx.fillStyle = 'green';
ctx.fillRect(10, 10, 100, 100);</textarea>

<强> JS

var canvas = document.getElementById('canvas');
var ctx = canvas.getContext("2d");
var textarea = document.getElementById('code');
var reset = document.getElementById('reset');
var edit = document.getElementById('edit');
var code = textarea.value;

function drawCanvas() {
  ctx.clearRect(0, 0, canvas.width, canvas.height);
  eval(textarea.value);
}

reset.addEventListener('click', function() {
  textarea.value = code;
  drawCanvas();
});

edit.addEventListener('click', function() {
  textarea.focus();
})

textarea.addEventListener('input', drawCanvas);
window.addEventListener('load', drawCanvas);

如何使用jquery更改图像的一部分的颜色

1 个答案: