如何在画布中捕获元素?

奥德塔

示例:http : //www.w3schools.com/tags/tryit.asp?filename=tryhtml5_canvas_arc我想学习如何使整个圆圈成为可点击的链接,如何捕获该元素?事件如何在画布内工作?

var c = document.getElementById("myCanvas");
var ctx = c.getContext("2d");
ctx.beginPath();
ctx.arc(100, 75, 50, 0, 2 * Math.PI);
ctx.stroke();
<canvas id="myCanvas" width="300" height="150" style="border:1px solid #d3d3d3;">
Your browser does not support the HTML5 canvas tag.</canvas>

马雷克

HTML5 canvas是基于栅格的,因此它仅包含有关像素颜色的信息。由于您的原因,您应该使用一些基于矢量的技术,例如SVG。

如果您真的想使用画布,并且只需要知道光标下是否有任何东西,您就可以检查单击的像素的颜色:context.getImageData(x, y, 1, 1).data它将返回RGBA值数组。因此,您可以例如检查单击的像素是否不透明或背景颜色是否不透明。检查它如何工作:http : //jsfiddle.net/5qt4hezb/1/

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何在WPF中绘制1216画布元素而不挂应用程序

来自分类Dev

如何在画布元素上添加许多折线?

来自分类Dev

如何在对象标签内聚焦画布元素?

来自分类Dev

如何获取画布中图像元素的坐标

来自分类Dev

如何在画布绘制的元素上添加材质样式的阴影?

来自分类Dev

如何在ggplot中控制画布大小?

来自分类Dev

如何在WPF中更改画布的位置?

来自分类Dev

如何在Delphi中获得TEdit的画布?

来自分类Dev

如何在flex容器中调整固定大小(画布)的元素的大小?

来自分类Dev

如何在画布元素上绘制视频?

来自分类Dev

如何从iFrame中的元素捕获动态内容?

来自分类Dev

如何在Java中仅捕获ArrayList中的重复元素?

来自分类Dev

如何在画布元素中向图像添加超链接?

来自分类Dev

如何获得画布的元素?

来自分类Dev

如何从“更改事件”元素中捕获事件?

来自分类Dev

如何在画布绘制的元素上添加材质样式的阴影?

来自分类Dev

如何在Android Webview中按ID捕获元素点击?

来自分类Dev

如何在WPF中更改画布的位置?

来自分类Dev

单击按钮后如何在画布中再添加一个元素?

来自分类Dev

如何在点击时变换分组的画布元素?

来自分类Dev

如何在Android Webview中捕获html5画布?

来自分类Dev

如何在框架内获取元素?(画画布)

来自分类Dev

如何在selenium java中捕获和导航<a>和<span>标签下的元素

来自分类Dev

如何在画布中制作多个元素

来自分类Dev

如何在画布元素旁边的中间对齐文本

来自分类Dev

如何在 tkinter 的画布中反转颜色?

来自分类Dev

如何在画布中隐藏元素/对象?

来自分类Dev

如何在画布元素中获取整个图像?

来自分类Dev

如何在画布中对角裁剪图像

Related 相关文章

  1. 1

    如何在WPF中绘制1216画布元素而不挂应用程序

  2. 2

    如何在画布元素上添加许多折线?

  3. 3

    如何在对象标签内聚焦画布元素?

  4. 4

    如何获取画布中图像元素的坐标

  5. 5

    如何在画布绘制的元素上添加材质样式的阴影?

  6. 6

    如何在ggplot中控制画布大小?

  7. 7

    如何在WPF中更改画布的位置?

  8. 8

    如何在Delphi中获得TEdit的画布?

  9. 9

    如何在flex容器中调整固定大小(画布)的元素的大小?

  10. 10

    如何在画布元素上绘制视频?

  11. 11

    如何从iFrame中的元素捕获动态内容?

  12. 12

    如何在Java中仅捕获ArrayList中的重复元素?

  13. 13

    如何在画布元素中向图像添加超链接?

  14. 14

    如何获得画布的元素?

  15. 15

    如何从“更改事件”元素中捕获事件?

  16. 16

    如何在画布绘制的元素上添加材质样式的阴影?

  17. 17

    如何在Android Webview中按ID捕获元素点击?

  18. 18

    如何在WPF中更改画布的位置?

  19. 19

    单击按钮后如何在画布中再添加一个元素?

  20. 20

    如何在点击时变换分组的画布元素?

  21. 21

    如何在Android Webview中捕获html5画布?

  22. 22

    如何在框架内获取元素?(画画布)

  23. 23

    如何在selenium java中捕获和导航<a>和<span>标签下的元素

  24. 24

    如何在画布中制作多个元素

  25. 25

    如何在画布元素旁边的中间对齐文本

  26. 26

    如何在 tkinter 的画布中反转颜色?

  27. 27

    如何在画布中隐藏元素/对象?

  28. 28

    如何在画布元素中获取整个图像?

  29. 29

    如何在画布中对角裁剪图像

热门标签

归档