2回答
如何在HTML5和CSS3中绘制四个扇区div (形成一个圆)，就像上面的图一样，并且每个div都可以在自己的区域上单击(不覆盖其他区域)？
浏览 1提问于2018-02-28得票数 0
回答已采纳
1回答
HTML5实时视频画布形状
、、、、
我正在尝试为实时HTML5视频创建圆形框架(或画布)。我可以用关键帧半径属性来弯曲拐角，但这会留下一个椭圆形，而不是一个圆。
理想情况下，我可以使用div对象(png图像)作为视频的蒙版。也就是说，div对象只是一个圆，所以我也很乐意使用一个圆来遮罩视频。
下面是我当前的代码：
<style>
video, canvas {
z-index: 1;
position: absolute;
top: 10%;
left: 25%;
-webkit-border-radius: 50%;
浏览 1提问于2017-04-15得票数 0
嗨，我有摩天轮图形。它有10个元素，形成一个大圆(就像摩天轮)。我想用8个<div>来旋转这个圆，我怎么用javascript或者HTML5来实现呢？
就像一样。但是我需要粉色是一个<div>区域，这样我就可以把图像放在上面。任何建议和帮助都是非常感谢的。
浏览 2提问于2011-09-14得票数 4
2回答
我在圆上工作，我想圆分为3个部分喜欢附加的图像
每个部分都可以点击，我用的是HTML5，CSS3和jQuery，可以把圆分成3个部分吗？
.circle {
position: relative;
border: 1px solid black;
padding: 0;
margin: 1em auto;
width: 430px;
height: 430px;
border-radius: 50%;
list-style: none;
overflow: hidden;
}
li {
overflow: hidden;
position:
浏览 9提问于2016-07-29得票数 4
如何在HTML5画布上使用alpha = 0进行绘制？想象一下，我正在制作一个photoshop克隆，我有一个纯红的图层。我选择橡皮擦工具并用来绘图。它在rgba(0,0,0,0)中绘制，让我可以看到背景。如何在HTML5 Canvas中执行此操作？
下面是一些代码。
var rand = function(v) {
return Math.random() * v;
};
var canvas = document.getElementsByTagName("canvas")[0];
var ctx = canvas.getContext("2d"
浏览 0提问于2012-12-28得票数 3
回答已采纳
1回答
有没有办法使用konva.js将圆或方框添加到html5画布中？我试过了，但不知道怎么回事！我想要的是，例如，一次点击就是通过拖放添加一个圆，双击就会删除这个圆。
浏览 2提问于2017-11-09得票数 1
我有一个HTML5页面，在那里我加载了一个svg圆。当我点击这个圆时，我会在我点击的地方创建另一个小圆。我希望能够拖动第二个圆，但似乎不能使用jquery-ui .draggable()；
我可以通过访问圆的cx和cy属性来移动圆，因此必须有一种方法来拖动它。
<!DOCTYPE HTML>
<html >
<head>
<title></title>
<link href="css/reset.css" rel="stylesheet" type="text/css"&
浏览 4提问于2009-07-10得票数 34
回答已采纳
我正在使用KineticJS和HTML5迭代绘制圆。我想检测任何圆上的鼠标移动，并获取所选圆的id。我知道您可以按名称或id选择元素，但如何按类型(圆形)选择元素？使用下面的代码，它只响应最后一个圆(因为它是最后声明的“圆”)，但我不确定如何更改它以响应所有圆。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http
浏览 1提问于2013-02-15得票数 0
1回答
HTML5画布绘图拖放
、、、
下面是HTML5圆圈绘制的例子
下面是这个的绘图脚本(HTML5和jQuery)
$.each(circles, function() {
drawCircle(this);
drawLine(mainCircle, this);
});
我需要升级这个来拖放(用户可以拖动子圆圈周围的主要圆圈与线)
如何使用html5、css3、jQuery实现这一点？
浏览 1提问于2012-06-02得票数 1
回答已采纳
3回答
我需要画一个矩形减去一个圆。如果圆裁剪是不可能的，一个多边形裁剪区域可能足以满足我的需要。
如何为HTML5画布设置自定义剪切区域？
浏览 2提问于2011-08-16得票数 0
1回答
我有以下同心圆结构创建与HTML5 + CSS3使用css-grid。
我想要将堆叠的顺序更改为反转。
默认情况下，每个元素从左到右堆叠，右元素位于左元素之上。
我尝试了不同的方法来颠倒顺序，但都不起作用。
有什么建议吗？
.group {
display: grid;
grid-template-columns: repeat(7, 18%);
width: 200px;
}
.circle {
width: 44px;
height: 44px;
border-radius: 50%;
border: 2px solid black;
backgrou
浏览 4提问于2019-04-12得票数 0
2回答
绕圆旋转svg路径
、、、、
我想把多边形绕圆旋转。我想把多边形的起点固定到圆的中心，就像这个。我试了很多次但还是坚持住了。
请看下面的代码。
CSS和HTML5
.circle-segment {
position: absolute;
top: 0;
width: 260px;
height: 260px;
}
div .circle-wrap {
position: absolute;
max-width: 360px;
margin: 0 auto;
top:
浏览 2提问于2018-01-23得票数 2
回答已采纳
我有一些简单的闪光灯动画，我正在转换为HTML5图像地图，触发一些绘图的<area>滚动。
问题是，所有的圆圈(表示滚动点)都是以闪光圆对象坐标给我的。所讨论的点是在从圆圈的最上端和最左边的点(在下面的图像中以虚线为标志)的虚线的连接处形成的。
但是要用HTML5绘制圆圈(目前使用的是raphael.js )，我必须给出一个中心坐标：var c = paper.circle(x, y, radius)。
因此，例如，如果我有一个高度和宽度为19.80的闪光圆对象(532.20,30.35) (同样是从虚线相交的位置)，我如何计算在画布中心点绘制一个圆所需的值？
浏览 13提问于2013-09-06得票数 0
回答已采纳
8回答
有没有可能只使用HTML5 / CSS3创建一个圆，它的边界只围绕圆的一部分？如果没有，我可以使用什么技术来实现此效果？我更喜欢使用纯DOM元素，但如果有必要，我可以在画布上绘制或启动SVG。
浏览 4提问于2012-10-25得票数 28
回答已采纳
因此，如果我在HTML5画布上画一个圆，我想让用户点击画布上的某个地方，给定半径的圆将逐渐移动到画布上鼠标单击的点。我知道jquery有动画功能，但由于画布没有DOM，我不确定如何实现这一点。
浏览 4提问于2011-04-24得票数 0
这是我在HTML5画布上的第一次旅行，我有jQuery和Javascript的工作知识。我正试着用它创造一种“旋转地球”的效果。这个想法是让一个圆圈和子午线在其上“旋转”，以提供旋转的地球的效果。
我已经画了一个圆，现在我正在尝试创建从右边开始(沿着圆的曲线)的线，向中心向上伸直(在中间它们是直的)，然后沿着左边的逆曲率移动，以圆结束。
我正在尝试使用HTML5画布和jQuery来做这件事，但是我不确定从哪里开始……我是不是应该先创建一个圆弧，然后再尝试对其进行动画处理？
我甚至想知道画布是不是合适的工具，或者我是否应该使用其他工具。
欢迎任何建议！
塞巴斯蒂安
浏览 1提问于2011-07-08得票数 0
2回答
目前在HTML5画布的课程中，我试着保持它的整洁，但我并不精通JS，我已经掌握了一些基本知识，我看到其他一些人也有同样的问题，但我无法找到适合我的解决方案。因此，我希望有人能解释使用eventListener，因为它将适用于我的情况。注意:它跳过了第3和第4部分，因为我还没有弄清楚，我应该画一个5点的开始和一个umbrella...UGH！
/***************************************
第1部分
绘制一个从点(0 ,0)开始的矩形，其宽度为50 px，高度为100 px，将矩形的颜色设置为蓝色。将笔画颜色设置为黑色，笔画的尺寸与矩形相同。
提示-先设置样式，
浏览 2提问于2014-09-12得票数 0
1回答
当我尝试画2个圆(圆中的圆)时，我是learner html5 canvas。当我画一个圆并填充它时，它起作用了。当我画第二个圆并填满它的时候。它变成具有第二种填充样式的第一个圆。
我试图创建的是一个灰色圆圈中的橙色圆圈。我试了很多次来解决这个问题，但每一种方法都有问题。
请检查我的代码，如果我错了，请告诉我，或者如何解决这个问题。
我有以下代码
<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.min.js" type
浏览 1提问于2014-10-17得票数 0
我使用的是Keith Wood的svg jquery插件，而不是HTML5画布。
我这样定义我的svg图像来缩放我的svg三角形图像以适应它的div容器：
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="100%" viewBox="0 0 299 215" >
<g>
<polygon points="1,1 299,1 149,210" fill="blue" stro
浏览 0提问于2014-03-05得票数 12
回答已采纳
如何在HTML5中使用画布创建画板/画笔类的应用程序？我想要一个高级选项，如矩形，圆，撤消，重做，橡皮擦等。
有什么需要帮忙的吗？
浏览 1提问于2013-12-01得票数 0
我想在HTML画布上围绕Bezeir曲线和圆扭曲文本。使用DOM上的CSS3，CSSWarp库可以做到这一点。我正在寻找一个库，可以在HTML画布上做同样的事情。我用谷歌搜索了一下也是徒劳的。有没有人遇到过这样的库？或者，有没有人能够成功地在HTML5画布上围绕bezeir曲线/圆扭曲文本？
浏览 8提问于2012-09-07得票数 2
这与HTML5画布"arcTo“函数绘制的弧线有关。我需要计算半径为R的圆的两个切点和由三个点Q(x0，y0)，P(x1，y1)和R(x2，y2)给出的两条直线。
这个草图更好地解释了这个问题。我需要找到切点A(xa，ya)和B(xb，yb)。请注意，没有给出圆的中心。请帮帮忙。
浏览 1提问于2012-02-14得票数 1
我正在构建一个绘图应用程序，我想要一个圆圈形式的光标。我搜索HTML5样式使光标默认，指针等，但我需要它是一个圆。我该怎么做？
浏览 2提问于2015-06-28得票数 2
回答已采纳
5回答
我可以在HTML5画布上画一个简单的圆，但我想在它周围添加一些模糊。
我找到的是，它解释了shadowBlur属性，在这里可以派上用场。
然而，我不能设法使圆圈本身变得模糊。shadowBlur属性主要做的是在绘制规则圆之后绘制一些模糊效果。到目前为止我试过的东西我把。
可以看出，它是一个实心填充的圆圈，周围有一些模糊的效果-这两个部分根本不会融合在一起。我实际上想要实现的是，圆圈本身是完全模糊的，就像这样：
有没有办法像这样画一个模糊的圆，也就是说圆本身也有模糊的效果？
浏览 2提问于2011-03-30得票数 33
回答已采纳
我想要的是将三个圆排成一行，中间的圆必须在中心。我只使用HTML5和CSS，没有任何其他框架，但我不能达到预期的结果。有谁可以帮我？任何帮助都将不胜感激。
.chart {
position: absolute;
width: 0;
height: 0;
border-radius: 100px;
-moz-border-radius: 100px;
-webkit-border-radius: 100px;
}
.chart3 {
position: absolute;
width: 0;
height: 0;
浏览 26提问于2018-02-23得票数 0
1回答
我想用HTML5画布画一个大圆，然后在它的路径周围均匀分布x个圆，
到目前为止，我已经修改了这个：
关于这个：
如果我像这样手动绘制它们，我可以随心所欲地获得它们(示例)
Draw(startx, starty);
Draw(startx+47, starty+47);
Draw(startx+80, starty+80);
不是很优雅。比方说，画14个均匀分布在路径周围的圆，数学上的解决方案是什么？
浏览 3提问于2013-05-16得票数 0
1回答
这是一个纯CSS解决方案。
我已经使用纯CSS3创建了一系列圆，现在正在尝试用更小的圆动态填充这些区域，以创建类似饼图的外观。
下面是我正在尝试实现的一个示例：
下面是我制作大圆圈的相关代码：
#circle {
position: relative;
height: 150px;
width: 150px;
border-radius: 50%;
display: block;
background-color: rgba(112, 48, 160);
}
<div id="circle"></div&
浏览 10提问于2020-05-21得票数 1
3回答
我正在学习HTML5，我被困在arc上了。
语法
arc(x, y, radius, startAngle, endAngle, anticlockwise)
我没有完全理解这个startAngle，endAngle，这两个参数是如何计算出来的，来绘制不同类型的圆，弧？
浏览 4提问于2011-07-19得票数 6
回答已采纳
1回答
我正在尝试创建一个函数，用于检查圆和圆扇区的周长之间是否存在碰撞/相交。
我将更详细地解释我的问题：
我有一个由中心点(x1，y1)，半径(R1)和角度(M)定义的圆扇区，它告诉我圆扇区的起点和结束点。另一方面，我有一个由中心点(x2，y2)定义的圆，这是一个在HTML5画布中创建的小游戏，这两个几何形状都可以自由移动。问题是，我想知道这两个(绿色的圆扇区和绿色的圆)是否相互碰撞。
我目前的代码非常基础(因为我想不出可以有效地检查碰撞的东西)。它只检查定义该圆扇区的圆与另一个圆之间的碰撞：
this.crashWith = function(otherobj) {
// &#
浏览 0提问于2018-10-25得票数 0
4回答
我试图画两个外圆围绕一个圆，并保持文本垂直中心。
我能在一个圆之外画一个圆，但不能画第三个圆。
Html
<div id="content">
<div id="outer-circle">
<p>text</p>
</div>
</div>
演示：
文本也不是水平对中。
任何帮助都是非常感谢的。提前谢谢。
浏览 4提问于2015-04-03得票数 0
回答已采纳
我有一个稍微有趣的问题，我不太清楚(虽然公平地说，我喝得很醉)
"“是由绘制半径相等的圆创建的图案，以前一个圆的交点为中心。
语言并不重要，理论在这里更重要。任何能画圆圈的东西都可以。例如，HTML5 + JS canvas可以做到这一点。这是一个很好的例子，说明了递归如何帮助解决问题。
问题是，一种天真的方法最终会重新画出很多很多的圆圈。有了7层，你最终会画出超过300,000个圆圈。
一种简单的方法是维护以前的圆中心点的列表，并且只绘制不在该列表中的圆。
我的问题是，是否有一种“更好”的方法来解决这个问题？一些不需要检查列表的东西。
这是一个值得思考的有趣问题。
浏览 10提问于2019-11-12得票数 0
需要添加一个拖放效果使用java脚本在画布。示例可以在下面的链接中看到
这完全是一个flash应用程序。
请看带有表情的蓝色圆圈。可以单击和拖动圆。拖动时，带箭头的线将创建并可以附加到任何其他圆。
我需要使用HTML5和Java script来做同样的事情，我已经使用画布来显示蓝色的圆圈，但不能使拖动的东西工作。有人知道如何在画布中的圆圈上添加拖动事件吗？
浏览 0提问于2011-07-18得票数 0
1回答
在FF & IE8 (在我的例子中)中，一个简单的剪切、粘贴和比较就会显示出我的问题。
这里有3个圆：
在FF中1和2重叠正常。在IE8中1和2不重叠是可以的。thing在两个浏览器中都发生了一个奇怪的三角形事件。
我的问题是，我怎么才能有3个实心圆，重叠呢？
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Canvas</title>
<!-- canvas fix for IE -->
<!--[if IE
浏览 4提问于2010-11-23得票数 0
1回答
我是html5的新手。我正在尝试创建一个基本的绘画工具。
我想在这个工具中做的是有一个或多个形状(可能是重叠的)，并在不重叠颜色的情况下绘制形状。如果在矩形内绘制了一个圆，并且如果我开始给该圆着色，则即使鼠标在矩形上拖动，也不应绘制该矩形，除非在矩形内开始拖动。
要实现这一点，我应该使用多个画布还是形状？
提前谢谢。
浏览 4提问于2012-02-20得票数 1
回答已采纳
3回答
jQuery圆角滑块
、、、
我想做一个圆形滑块，如下图所示。jQuery能做到这一点吗？
我知道直线滑块的工作原理，但我想做一个HTML5圆滑块。这是我在网上找到的 --但我不知道如何获得用户放手的滑块值
浏览 2提问于2012-04-17得票数 4
回答已采纳
我在一个html5项目中工作。其中我画了多个形状(例如，线，矩形，圆等)作为单独的画布。
简而言之，我有一个画布，在上面加载了我的文档，当我绘制任何形状时，我都会为那个特定的绘图创建一个新的画布。但我遇到了缩放绘图的问题，因为我们有HTML5方法来缩放画布中的绘图。
即
ctx.scale(zoom_value,zoom_Value);
我也想用画布缩放绘图。
提前谢谢。
浏览 0提问于2012-08-16得票数 0
因此，我想检查圆形状是否与HTML5画布中不透明的像素数据发生碰撞。
要收集像素数据，只需：
ctx.getImageData(x, y, w, h)
要检查点是否在圆圈内，只需使用pythagoras：
(x1-x0) * (x1-x0) + (y1-y0) * (y1-y0) < r * r
其中0是圆的中心，1是点的共弦，r是圆的半径。
你有必要循环所有像素或其他东西吗？
让我们说：
Circles center is at: 300, 420
Circles radius is: 20
Canvas size is: 750 * 500 pixels
浏览 2提问于2014-06-12得票数 0
回答已采纳
1回答
html5旋转球
、、
希望看到球以圆周运动向外旋转的HTML5示例；示例将类似于轮盘赌球，它从圆的中间开始，慢慢旋转，直到停止(在一个数字内)。
任何帮助或指针，让一个旋转的球在一个圆周运动下来是感激的！
浏览 2提问于2011-06-15得票数 0
回答已采纳
我是css世界的新手，我正在尝试用bootstrap，css和html5来做一个响应式的设计。
有关更多信息，请参见下面的插图：
如何创建相同的曲线和上面的圆？我真的需要帮助，我试了所有的方法，但都不管用，一点帮助就好了
浏览 31提问于2020-05-20得票数 0
2回答
有没有简单(快速)的工具包用来在画布上画东西(比如圆、线、矩形)？
最好是用Python、Java、C++。
我正在尝试制作一个应用程序，它可以将项目拖放到画布上，并在画布中移动它们。
我已经看过几个了，pyglet，Java Swing，HTML5，或者还有其他更合适的吗？
浏览 2提问于2011-03-12得票数 2
回答已采纳
2回答
如何计算三维圆弧的二维方程？
、、、、
我想得到由(三维变换)圆的透视投影产生的椭圆的这些方程。
这对于提供曲线原语的2D上下文中的绘制非常有用。我使用HTML5 5‘S画布，所以我得到贝齐尔，弧线和二次曲线。
见这里：
📷
投影平面外的球面投影是一个椭圆，因为它是一个圆锥体(球体的轮廓是一个圆)。
然而，如果我想用圆形线框绘制我的球体，那个投影锥不再是一个圆锥。所以这不再是你的传统圆锥曲线了。
怎么处理这事？
浏览 0提问于2012-04-29得票数 6
回答已采纳
我想画一个如图所示的网格，但我完全不知道从哪里开始。
我应该使用SVG，还是应该将Canvas与HTML5一起使用，以及如何在其上绘制？
我想要这个网格上绘制矩形，圆或其他图表，我将计算该图表的面积，如一个正方形的面积。
浏览 320提问于2013-01-08得票数 84
回答已采纳
我必须使用html5，css3和js沿着一个圆绘制32个矩形。你可以在下面的图片中看到我的目标：
。
我设计的解决方案是在js中创建"a for“，每次增加旋转、坐标和z索引时都会生成32个矩形。我试过了，但太复杂了。
请帮帮我。
浏览 1提问于2012-05-30得票数 2
回答已采纳
我正在尝试建立一个使用HTML5的应用程序，这将允许用户添加对象，如:三角形，圆，正方形，etc...and有能力保存这些对象在画布上，为用户返回并继续。例如，如果用户添加了2个三角形和1个圆并保存，他可以返回到该会话或启动新会话。
我在考虑将数据保存到db以便持久化。
问题是，如果不将状态保存到图像中，我无法实现保存状态的功能。
我不想将其保存到图像，因为我希望用户继续在同一会话上工作，并能够删除或添加更多的数字到它。
有什么帮助吗？
谢谢，阿尔
浏览 0提问于2016-06-02得票数 0
1回答
我使用HTML5画布元素画了一系列的圆圈。我使用了一个while循环来增加圆的大小。我尝试将它们递增3，但我不确定正确的语法。
var cirSize = 2;
while (cirSize < 400)
{
ctx.beginPath();
ctx.strokeStyle="#000000";
ctx.arc(480,480,cirSize++,0,Math.PI*2,true);
ctx.stroke();
alert(cirSize)
}
谢谢
浏览 1提问于2012-06-06得票数 1
回答已采纳
1回答
在HTML5画布中，有没有办法将所有的绘图作为一个数组或任何json对象？我知道canvas做基于光栅的绘图，但是如果我有一个已经包含一些矩形、圆和文本的画布，并且我将获得关于画布上所有绘图的坐标的所有信息，有没有办法？ 提前谢谢。
浏览 17提问于2018-12-18得票数 0
1回答
我正在尝试使用HTML5画布和Javascript创建动画。我对Javascript的先验知识很少。动画的第一部分是让一个圆“增长”，直到边缘接触到一个十字。然后，十字沿着圆的边缘移动。单独来看，这两个部分都工作得很好，但是，因为我使用的是setInterval()，所以这两个动画可以同时播放，而不是等到第一个动画结束后再开始第二个动画。
做这件事最简单的方法是什么？我很乐意使用HTML按钮，但是<button onclick="setInterval(aRot,30);">Next Step</button>似乎不起作用。
在上可以查看我的“orrib
浏览 1提问于2012-07-10得票数 1
回答已采纳
3回答
我试图在HTML5画布中从两个圆圈的边缘画一条线。所以，我知道两个圆心的坐标和半径。
随机画的圆圈。
线应该从一个圆的边缘移动到另一个圆的边缘。
请帮帮我！
对不起，我的英语:)
更新：
我在试，但是怎么知道角度呢？
from_line_x = circle1.x + circle1.radius * Math.cos(Math.PI * angle);
from_line_y = circle1.y + cirlce1.radius * Math.sin(Math.PI * angle);
to_line_x = circle2.x - circle2.radius * Ma
浏览 2提问于2014-04-22得票数 1
回答已采纳
2回答
虽然赋予div相同的高度和宽度，并将边界半径设置为100%，使div“看起来”像一个圆，但实际上它仍然是一个伪装的正方形。怎样才能使div成为一个“真实”的循环呢？出于我的目的，我想让项目只在我创建的圆内可放。通过使div看起来像一个圆，项目仍然可以放在边缘的圆之外。
$(".circle").droppable();
$(".drop").draggable({
containment: "parent"
});
.circle
{
width: 200px;
height: 200px;
border: 1px sol
浏览 12提问于2017-01-28得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
