canvas不规则多边形的移动

红色为不规则图形，黑色图片背景为canvas大小如何使不规则多边形不超出画布边界

写回答
好问题 0 提建议
追加酬金
关注问题
分享
邀请回答
编辑收藏删除
收藏举报

2条回答

关注

码龄粉丝数原力等级 --

被采纳

被点赞

采纳率
Stardust1001 2018-07-25 01:30
关注
HTML5 的 Canvas 是吗？如果可以的话，使用 SVG 可能这个比较好实现， SVG 的话就是元素，元素可以调用 getBoundingClientRect() 来判断边界。如果是这种Canvas的话，方法肯定还是有的，不过稍微麻烦了点。既然是多边形，那么可以对每个顶点进行判断，来检测是否超出画布边界

解决无用
评论打赏
分享
举报

评论

按下Enter换行，Ctrl+Enter发表内容

报告相同问题？

关注问题

canvas如何响应鼠标事件删除不规则图形
2016-02-17 14:18

回答 2 已采纳思路都有了，你自己试试不就知道了。。还不如直接清空整个画布，然后重绘其他不在点击范围内的图形
vue+canvas第一次加载不显示 vue.js 有问必答
2022-10-11 09:59

回答 3 已采纳 mounted后dom已经渲染到浏览器，不需要再window.onload export default { name: 'cvs', mounted() {
wxml2canvas背景图不生效小程序微信小程序
2022-12-20 15:53

回答 2 已采纳绘制边界出了问题，已解决
canvas画不规则多边形_canvas 拖动生成任意大小多边形并实现拖拽移动
2020-12-19 09:05

weixin_39528843的博客 //存放图形引用的数组 var edit_list={}//记录在编辑模式下按的点 var map_name=null//每个生成图形的名称 var foucsIndex=null //被选中移动图形的下标 function saveImage(){ //储存此刻画布数据 imageData1= ...
android canvas（bitmap）失败 android
2018-06-08 03:12

回答 3 已采纳你的bitmap对象是不是从本地读取的？这种情况我曾经遇到过，也是new Canvas(bitmap);和canvas.setBitmap(bitmap);都没用，调用后都画不上去，这个情况只能你先
IE下使用canvas，不能生成图片 html5
2015-10-08 06:55

回答 1 已采纳 IE9+才支持canvas，你用的什么版本的浏览器？
android studio 用canvas画图drawline 不显示 android 其他开发语言
2021-09-08 16:30

回答 2 已采纳 public class CustomView extends View { Paint paint; public CustomView(Context context) {
canvas画不规则多边形_Canvas绘制不规则图形，实现可拖动，编辑--V1.0第一篇
2021-01-15 00:06

wonder-yyc的博客目前的工作在做在线的标注工具，接触canvas一年了，各种绘制，基本上图像的交互canvas都可以完成，也写了几篇关于canvas的文章，遇到的问题也写博客上了，对于canvas有问题的朋友可以去看看。一直想写一个关于canvas...
H5 canvas多次重复画图后 ,位置不是第一次开始的位置 html5
2017-11-02 05:54

回答 1 已采纳 //获取对应的CanvasRenderingContext2D对象(画笔) var ctx = canvas.getContext("2d"); //圆弧的旋转角度,顺时针负增长,逆时针正增长
点击一张图片该图片可加载到canvas里并实现鼠标移上去可控制该图片旋转缩放移动
2015-07-29 08:56

回答 1 已采纳 http://zhidao.baidu.com/link?url=1lDL3pYGpqNztyY7xA8jXwoLUvGgSw5Pmwaa9bDv9DF2w8wUvKlo5jIJsgx9nXmTXdw
python怎么爬取百度百科上canvas标签的图片 python
2018-12-03 07:20

回答 3 已采纳也就是爬取动态图片吧 # coding = utf-8 import urllib.request import re import requests def getDatas(
使用 Canvas 手画不规则多边形，并限制相交线和凹多边形
2022-03-07 19:22

漂流瓶jz的博客使用 Canvas 实现的手画不规则多边形功能。通过鼠标在画面上点击的点作为多边形的顶点，连线形成多边形。除了手画之外，还加入了随机生成和回显，检测多边形横穿，凹凸性的检测。注意：两个点如果靠太近会被认为是同...
请问canvas在React里面无法画图是为什么？
2018-09-30 05:29

回答 5 已采纳 ``` react呀，写了一个，看看有没有借鉴意义 Hello React! ```
canvas 绘制简单多边形
2022-08-16 15:48

不是王哈哈呀的博客 canva绘制多边形
vue canvas绘制多边形
2022-07-08 15:59

哼切滚的博客 canvas绘制多边形
没有解决我的问题, 去提问

悬赏问题

¥15 如何在scanpy上做差异基因和通路富集？
¥20 关于#硬件工程#的问题，请各位专家解答！
¥15 关于#matlab#的问题：期望的系统闭环传递函数为G(s)=wn^2/s^2+2¢wn+wn^2阻尼系数¢=0.707，使系统具有较小的超调量
¥15 FLUENT如何实现在堆积颗粒的上表面加载高斯热源
¥30 截图中的mathematics程序转换成matlab
¥15 动力学代码报错，维度不匹配
¥15 Power query添加列问题
¥50 Kubernetes&Fission&Eleasticsearch
¥15 報錯：Person is not mapped，如何解決？
¥15 c++头文件不能识别CDialog