javascript - 如何通过 JavaScript 函数在 HTML5 Canvas 上绘制多边形

标签 javascript html

我希望用户能够点击 Canvas 上的某处,多边形就会出现在上面

<DIV id="canvasarea" class="rounded">
    <CANVAS id="canvas" width="800px" height="800px"></CANVAS>
    </DIV>

最佳答案

使用 javascript 库,我会先尝试 processingjs - 请记住,IE 必须被欺骗才能支持 Canvas 。

我没有看到完全符合您要求的示例,但这两个应该可以为您提供一个很好的起点

http://processingjs.org/learning/basic/shapeprimitives

同域同上/learning/topic/continuouslines

这里还有一本关于 canvas 的入门读物 - 谷歌“dive into html5 canvas”

关于javascript - 如何通过 JavaScript 函数在 HTML5 Canvas 上绘制多边形,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3480351/

相关文章:

javascript - ember 根据经过身份验证的用户设置用户对象

html - jQuery 选择器间歇性工作,为什么?

html - 将带有 html 链接的 imgix 用于视网膜图像

javascript - 如何更改单击时评级字段的颜色?

javascript - d3js 文本转换 I 使用 v3 库的示例

html - 无法在 HTML 中引用 CSS(python/flask)

html - Css 边框覆盖问题

javascript - 使用javascript更新模态主体和模态页脚?

javascript - 如何在左键单击而不是右键单击时打开 D3.js 上下文菜单

javascript - 如何使用 geoXML3 从外部 url 获取 KML?