2回答
在使用HTML5画布元素绘制线条时，是否可以定义线条的笔触样式？基本上，在Photoshop和其他类似的程序中，你可以为看起来像是“手绘”的线条定义一种笔触样式。有没有可能在HTML5 canvas中做这样的事情，或者我在这里是在冒险吗？
谢谢
-Jesse
浏览 0提问于2011-05-20得票数 3
回答已采纳
如何创建动态剃刀线，如：
@{
string atr = "MyAttribute";
string s = "@Html.DisplayFor(modelItem => item.Type.Word." + atr + ")";
}
并使这些线条呈现为Razor线条？
我试过了：
@(new HtmlString(s))
和
@Html.Raw(s)
但没那么走运。
浏览 0提问于2012-12-24得票数 0
回答已采纳
我想使用CSS为HTML指定背景色。如果我的foobar.css文件是
back {
background-color: #808080;
}
我的index.html是
<link href="foobar.css">
<p><back>foo</back></p>
<p><back>foobar</back></p>
这样做并不完美:是的，线条有背景，但是背景只覆盖线条的长度，所以它在右边是锯齿状的，而背景并不覆盖线条之间的空间。
如何使背景覆盖段落周围的整个矩
浏览 8提问于2014-11-04得票数 0
回答已采纳
这是我第一次使用html canvas，我对这个有点困惑。我正在尝试在html画布上构建一个这样的图像：
Html画布
这就是我到目前为止已经尝试过的，我似乎不能用合适的颜色填充线条下面的区域。特别是，我尝试了context.fill();。
下面是我的工作示例的堆栈闪电战，去掉了线条下的填充。
浏览 1提问于2020-10-27得票数 0
1回答
我有一个html文件，它有一个画布，并将背景设置为800x800的图像。有没有人知道我怎么在图像上画线条？所以，即使我放大/缩小，缩放比例也是相同的(线条覆盖图像)？
到目前为止，以下是我的代码
<!DOCTYPE HTML>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Project 1</title>
<style
浏览 3提问于2012-01-11得票数 0
1回答
为什么画布线条不可见？
、、、
我在HTML5画布上构建了一个旋转的超立方体，但在此之前，我在画布上遇到了一个基本的困难。我有一个白色/未着色的画布，在将fillStyle和strokeStyle设置为'#000000‘后，我正在尝试绘制线条，但我还没有成功地使画布上的任何像素显示为白色以外的其他像素。
画布在，JavaScript部分是数学，部分是老式的JavaScript，在。日志显示它在画布上绘制线条，其中一些线条应该与500x500画布相交，而另一些线条应该完全位于画布内部，但我看到的是纯白色。
它的数学方面需要从高维表面到低维表面的投影方面的工作。然而，我现在试图解决的困难是一个基本的HTML5画布问题，因
浏览 0提问于2013-02-15得票数 0
回答已采纳
我是HTML的新手，所以如果这个问题很简单，请原谅。
我使用创建了一个表。当我看着我的桌子时，任何地方都没有线条。有没有我可以在单元格周围显示线条的地方？
浏览 1提问于2011-04-17得票数 0
我正在尝试用计算机来创建一条看起来自然的线条，而不是笔直的线条。我目前正在做这件事：
CSS：
#line {
width: 600px;
height: 1px;
background-color: black;
}
HTML：
<div id="line"></div>
但这会给我一条直线。如果有必要的话，有没有办法用css和javascript实现一条看起来很自然的线条呢？
谢谢
浏览 0提问于2012-07-01得票数 0
回答已采纳
如何使用WebGL、HTML5或CSS3在画布上绘制特定颜色的线条。
我基本上是一个初学者，从绘制树形算法开始。我想绘制连接父节点和子节点的线条。谁能带我到正确的方向。
浏览 1提问于2012-07-19得票数 0
1回答
HTML画布线条多种颜色
、、、
var c = document.getElementById("myCanvas");
var ctx = c.getContext("2d");
ctx.beginPath();
ctx.moveTo(10, 10);
for (var i=1; i<=6; i++) {
ctx.lineTo(110*i, 300*1);
ctx.strokeStyle = 'rgba(70, 144, 249, 0.1)';
ctx.stroke();
ctx.moveTo(10, 10);
浏览 0提问于2018-10-10得票数 0
3回答
我想用jquery在html元素之间画出平滑的线条。Jquery有没有插件可以使用Jquery来绘制流畅的线条？我用过SVG插件，但在IE7，IE8中不支持。我也使用div来绘制线条，但它有很多锯齿。
任何想法都是无缘无故的。插件应该支持至少IE7和更高的版本，莫兹拉和crome。谢谢。
我想做的喜欢上面的链接。但上述链接的问题是，它在IE 7,8中不起作用。
浏览 0提问于2011-07-08得票数 0
当firefox (3.0.6)以特定宽度(例如50%)渲染png图像时，内容框的左侧和顶部边缘会显示一条细长的灰色线条。该线在其他宽度处消失(例如，70%)。此外，这条线似乎不存在于原始图像中(使用gimp检查图像)。
这种现象发生在没有CSS样式标记的情况下--在下面的HTML示例中，存在CSS是为了阐明灰色线条的位置--看起来很明显，灰色线条出现在内容框本身的最边缘。
我很难想象这是一个真正的firefox bug，我想知道我忽略了什么概念，或者没有理解……
感谢您的时间和任何建议/想法...
这些图像可以在 上看到
html：
<html>
<head><
浏览 1提问于2009-02-11得票数 3
回答已采纳
一个客户从PayPal抓起一份HTML表单，接受他的网站上的捐赠。他把它放到了WordPress站点上的一个HTML块中。
在网站中，由于某种原因，桌子周围出现了一些线条。当呈现一个典型的HTML文件时，这个表看起来很正常，我不知道为什么Gutenberg块要添加这些行。
下面是HTML：
Subscription
Base : $40.00 USD - monthly
Supporter : $60.00 USD - monthly
Sustainer : $80.00 USD - monthly
Benefactor : $100.00 USD - mont
浏览 0提问于2020-03-11得票数 0
我想画一些线条，但是它们有锐利的边缘，例如，如果你用线条写一个单词。在Photoshop中，您可以使用不太锐利的画笔，也可以使用高分辨率的画笔进行缩小。对于HTML5画布线条也有一个很好的技巧吗？
canvas.addEventListener('mousemove', function(e) {
this.style.cursor = 'pointer';
if(this.down) {
with(ctx) {
beginPath();
浏览 2提问于2013-03-25得票数 1
回答已采纳
我想做到这一点下划线，但不干扰线的高度。
如果我使用文字装饰:下划线；它太接近文本，视觉上没有吸引力；如果我使用底部边框，因为线条高度太远和边缘。
除了改变线条高度之外，还有其他HTML&CSS解决方案或解决方案吗？
浏览 0提问于2016-10-12得票数 1
回答已采纳
全新的HTML/CSS和实验。
我尝试在两个hr标签行之间放置一个表(一个在顶部，一个在底部)。我想让表格的宽度与线条的宽度相匹配，使页面上的所有内容水平居中，并有粘性定位。
实际情况是，线条遵循我设置的宽度，居中，并具有我想要的位置。表格有位置，但没有宽度，并且与线条左对齐(不与页面或任何东西对齐)。
<div style="width:100%; max-width: 800px; margin:auto; position:sticky; top:0px; ">
<hr>
<table style="border:1px
浏览 2提问于2021-03-13得票数 0
1回答
我试图在TextView中显示重复的小数，但在Html.fromHtml中使用HTML标签不起作用。有没有其他方法可以在数字上显示线条？
浏览 10提问于2017-03-10得票数 0
1回答
下面的代码在HTML画布元素上绘制线条网格：
当鼠标悬停在线条附近时，是否可以弯曲/扭曲线条？
var canvas = document.getElementById('grid');
var context = canvas.getContext("2d");
var ww = innerWidth; // Window Width
var wh = innerHeight; // Window Height
canvas.width = ww;
canvas.height = wh;
function drawLines() {
for(v
浏览 0提问于2018-12-23得票数 0
给定2d canvas上下文函数bezierCurveTo、quadraticCurveTo或arcTo绘制的线条，我如何找到这些线条上的点？
我的意图是在曲线的中点处绘制一个对象。通过使用SVG DOM，我可以使用getPointAtLength和getTotalLength方法来实现这一点，但是在HTML canvas中看不到等价物。
浏览 3提问于2010-08-26得票数 6
回答已采纳
我希望有人能帮上忙。我在做一个绘图应用。我正在使用滑块调整画布上的线条宽度。如果用户在滑块上选择2，那么线条宽度应该是细的，40是非常粗的线条。非常感谢你，菲利普
这是我的HTML
<div id="theLineWidthSection" style="float:right; margin-right:170px;
margin-top:-42px; position:relative;z-index:9999; cursor:pointer;
overflow:hidden;">
Size: <input type="rang
浏览 21提问于2019-07-06得票数 0
我正在尝试使用jspdf将不同的表格从HTML打印到pdf。
虽然绘制边框(右和左)是由html2canvas.js文件完成的，但当特定表格的高度超过页面大小时，它不会在右place.It拆分表格边框，而是尝试通过从下一个表格中选取坐标来绘制线条。
我需要继续在下一页中绘制从页面实际开始的线。不知道在分页时从哪里停止绘制线条，并从下一页开始绘制其余部分。
浏览 61提问于2017-12-12得票数 0
我希望左边的图像与右边的水平线相邻(底部对齐)。它应该是响应性的，以便线条可以根据需要更改宽度。现在，图像位于行的顶部，而不是它的旁边。
编辑:这将提供更多的澄清。橙色的部分是一个图像。细的灰色线条就是这条线。
这是HTML
<div>
<img src="image.png">
<hr>
</div>
这是CSS
img {
float:left
}
hr {
width:100%
}
如何实现这一点？HTML/CSS可以根据需要进行更改。但是应该是跨浏览器兼容和响应性的。
浏览 0提问于2012-07-11得票数 1
回答已采纳
2回答
我已经在网上搜索过了，没有找到答案。我想要在HTML5的画布元素上绘制线条，但有一个纹理不是实心的，而是自定义的。就像Photoshop中的画笔一样，如果你知道它们的话。例如，要有一条看起来像是用粉笔或艺术家画笔绘制的线条。你知道怎么做吗？
浏览 0提问于2011-05-20得票数 7
回答已采纳
有没有办法在安卓TextView中格式化<BlockQuote> HTML标签？WebViews是一个选择，如果我可以很容易地操纵3列与图像，广告和多个垂直滚动页面。
文本视图显然处理了标签，我得到了一条难看的蓝线来表示块引用。有没有办法改变线条的颜色，或者提供我自己的线条图像？
浏览 1提问于2011-10-11得票数 13
我们如何在示例离线应用程序的常规HTML和CSS中绘制线条(如google地图)？
浏览 0提问于2011-10-04得票数 0
回答已采纳
可能更像是一道数学题，但问题来了……
我想做的是在背景画布上用一条动画线连接两个HTML元素
这是我想要做的事情的一个简化版本。
线条实际上在那里，但是它们在画布之外，如果使用元素检查器，您可以在画布中看到绘制的线条的坐标。有人能帮我指出我哪里做错了吗?线条画错了地方？
这是线条已经画好但位置不对的证据。(用固定尺寸替换了流体舞台和画布大小)
对于流畅的布局，我想要做的编辑看起来是不可能的。在经历了许多麻烦之后，我发现画布元素是它自己的平面，没有安全的方法来匹配锚点坐标和没有固定大小的画布坐标
浏览 0提问于2012-08-05得票数 5
回答已采纳
2回答
我正在尝试生成一条中间有故障的水平线，以显示一个箭头。其思想是，显示在线条下的内容将提供关于线条上方显示的内容的详细信息。下面是这条线应该是什么样子：
我试图用纯HTML和CSS (没有位图图像)来生成这个。使用是可以接受的，如果它最终产生了正确的结果。我需要控制线条的粗细和颜色。击穿的角度并不重要(在上面显示的样本上为45度和90度)。我知道这个，但是我想不出一种方法将它应用到这个场景中。
浏览 0提问于2013-04-03得票数 6
回答已采纳
1回答
我已经在illustrator中创建了一个只有基本线条的网格，并保存为SVG。然后我将svg加载到一个与svg大小完全相同的html画布中。
然而，不管我怎么做，画布svg上的黑色线条看起来是灰色的，实际上有一两条是黑色的，但其他的看起来像是抗锯齿。
我不希望画布这样做，我需要清晰和黑色的线条，而不是灰色！在我关闭抗锯齿后，它们在illustrator中看起来很好。
有人知道如何防止画布这样做吗？我正在使用fabric js
浏览 0提问于2014-11-07得票数 0
3回答
我已经看到了许多关于如何做到这一点的例子，但它们都没有做我需要做的事情。
我想要做的是，当某个图像(如果需要，它可以被包装在单独的div中)悬停在上面时，它会从该图像的中心到另一个图像的中心(或者可能从第一个图像的中心到其他几个图像的中心)绘制一条线，然后在鼠标移出时，它会返回到原始状态。
我尝试使用HTML，但当我试图在画布上画一条线，同时在画布上移动HTML5 (图像)时，图像覆盖了画布和绘制的线条。当我尝试更改画布的z索引时，它工作了，除了画布覆盖在HTML上，并使现有的悬停图像更改无效。
我已经找到了绘制线条的常规JS示例，但它们都依赖于知道精确点来绘制from...is。有没有办法让
浏览 3提问于2013-10-08得票数 2
我正在尝试表示html中的一行。为此，我使用以下代码：
<div class="blue_bar" style="margin-top: 10px;"></div>
在CSS中，我定义了以下内容：
.blue_bar
{
height: 5px;
BACKGROUND-COLOR: rgb(0,0,136);
margin-top: 10px
}
现在，这在Google Chrome上工作得很好，但在IE上它显示的线条不同。我附上了两张照片和结果：
Chrome：
即：
有没有办法让IE上的线条看起来像
浏览 1提问于2013-11-18得票数 1
我想在HTML5提供的画布元素中使用图像作为背景。
问题是，我不想让绘图修改这张图片，我只想让它作为用户的参考或指南。
例如:如果我在画布上画了一张背景图，然后我添加了一些线条和随机的图画，一旦我使用擦除工具，它将擦除我制作的线条和背景图像。
我如何防止这种情况发生？
谢谢。
浏览 1提问于2010-09-24得票数 1
回答已采纳
我在PDF中绘制线条，希望以不同于1:1的比例缩放。
问题是我得到的笔画看起来像是用钢笔画的。
是否可以在PDF中以某种方式调整路径大小，恢复图形状态，然后绘制上一条路径的笔画。
这就是我在PDF中获取线条笔画的方法：
5 w // width of stroke
q // saves the current graphics state
0 1 0 0.2 0 0 cm // transformation matrix scaling with height reduced to 20%
0 10 m //
浏览 1提问于2012-11-29得票数 3
回答已采纳
1回答
我知道这有点难解释，但你可以通过看我下面的代码得到一个想法，情况是我有一个有线条背景的文本区(有点像笔记本和图像样式是重复的)，而且文本区变成了例如的固定高度。300px，所以我的问题是，当滚动条出现时，我想把线条与文本粘合在一起，现在文本正在滚动，背景线条保持在固定的位置。
告诉我你的建议，可以把背景线条和正文一起滚动吗？
这是我的html代码..
<div style="width:500px; height:300px; margin:0px auto; background:#ebebeb;">
<textarea style="width:1
浏览 0提问于2012-10-09得票数 10
回答已采纳
我希望在GoDaddy上的HTML页面上启用SSI(服务器端包含)。
我希望这样的线条能被正确地处理：
<!--#include virtual="/include/header.html"-->
这是可能的吗?怎么做呢？
浏览 0提问于2010-11-03得票数 2
1回答
什么方法的html画布线条可以让我改变线条宽度，因为我画了一条线？此示例采用所有线段的最后一个线宽。
<!DOCTYPE HTML>
<html>
<head>
</head>
<body>
<canvas id="myCanvas" width="578" height="200"></canvas>
<script>
var canvas = document.getElementById('my
浏览 3提问于2013-07-02得票数 0
回答已采纳
3回答
我们有一个HTML5绘图应用程序，用户可以使用铅笔工具绘制线条。
与基于Flash的绘图应用程序相比，这些线条的边缘略有锯齿，看起来有些模糊。这是因为用户在绘图时需要保持直线完全笔直，否则算法会检测到每个像素偏差，并将其投影为锯齿状的边缘。
因此，绘制平滑、锐利的圆是不可能的。
不知何故，其他绘图应用程序能够平滑这些参差不齐的边缘，同时让用户绘制线条(无论是直的还是非直的)。
有没有办法让这些线变得平滑一些？
演示(选择铅笔工具)：
我们的应用使用类似的代码。
浏览 0提问于2012-03-28得票数 8
回答已采纳
html：
<canvas *ngIf="actionData" baseChart width=800 height=300
[datasets]="lineActionData"
[labels]="lineActionLabels"
[options]="lineChartOptions"
浏览 1提问于2018-02-21得票数 4
在WebView中显示内容时，顶部和底部的线条被切断。如何解决这个问题。我使用HTML在WebView中显示数据。
浏览 3提问于2015-06-01得票数 0
我使用下面的代码生成了一个excel文件，但我在excel文件中没有看到任何网格或线条。我有我的数据，但没有行。你知道如何得到线条/规则网格吗？
Table oTable = new Table();
//Add data to table.
Response.Clear();
Response.Buffer = true;
Response.ContentType = "application/vnd.ms-excel";
Response.AddHeader("Content-Disposition", "attachment;filename=&
浏览 0提问于2016-04-14得票数 0
2回答
我有一个简单的div，当鼠标悬停在上面时，它会关闭。当线条下降时，我想让页面的线条上面的所有部分都用任何颜色着色，但我不知道怎么做。 它只能与HTML和CSS一起使用。 .a1:hover {
transform: translateY(96vh);
}
.a1 {
top: 20px;
height: 20px;
position: relative;
transition: all 4s;
background-color: #0000ff;
} <div class="a1"></div>
浏览 26提问于2020-04-01得票数 1
假设我有一个HTML响应： <html>
<head>
</head>
<div>
<!-- some content -->
</div>
</html> 如何删除包含<head>和</head>的行 我知道一种用空格替换字符串的方法： $mtHtml = // my returned html
$filtered = preg_replace('/<head>|<\/head>/', ''
浏览 17提问于2020-07-07得票数 0
回答已采纳
13回答
HTML5画布没有显式设置单个像素的方法。
可以使用非常短的线条来设置像素，但是反线化和线条上限可能会干扰。
另一种方法可能是创建一个小的ImageData对象并使用：
context.putImageData(data, x, y)
把它放到合适的位置。
有没有人能描述一种有效而可靠的方法来做到这一点？
浏览 10提问于2011-02-04得票数 210
回答已采纳
一位客户要求我们在他的网站上添加一个功能，允许访问者在简单的线条画中对面板进行着色。
网站访问者将有一个有限的调色板可供选择，并将选择一种颜色，然后在线条图中单击一个形状以对其进行着色，如下所示：
只会有四到五张这样的线条画。绘画本身并不要求是交互式的或灵活的，只需要着色。
线条图将非常简单，我们不需要保存访问者的选择，尽管访问者想要打印或通过电子邮件发送结果。
简单简单的东西。大多数时候，当你在复杂的网站上看到这一点时，我假设它是用Flash完成的。
但Flash是唯一的出路吗？或者可以使用JQuery/Javascript或Silverlight或其他工具来完成？我们团队的知识涵盖了AS
浏览 4提问于2010-02-19得票数 2
回答已采纳
我已经设法使我的文本居中。 但现在我想在我的文本两边各画两条细线，就像在这个网站上看到的那样： 我用红色标出了线条。 ? 到目前为止，我已经在html中创建了一个div，然后使用了css。这是我的html：(我把它留空了，因为文本是分开的) div {
width: 1000px;
border-right: 2px solid gray;
border-left: 2px solid gray;
margin: 0 auto;
align-content: center;
height: 100px;
overflow: hidden;
} <
浏览 22提问于2020-11-01得票数 1
回答已采纳
1回答
目前使用的是pdfkit，在很大程度上它使用起来很棒。
唯一的问题是线条粗细。源码html上的边框看起来很棒，pdf生成的边框看起来要厚很多。
此外，文档中的厚度也有所不同。在相同宽度的线条上，它在某些地方看起来更粗。即使同一div上的边框在4个边框中的3个边框上显示得更粗，即使它们具有相同的CSS。
有什么办法解决这个问题吗？
浏览 2提问于2013-11-01得票数 3
1回答
我正在使用HTML5 <canvas>来画线。
当我将尺寸从默认的300x150更改为与另一个<div>的尺寸相匹配时，我的线条看起来会拉伸，并且比以前更厚。为什么会发生这种情况？
我希望在画布上绘制线条，以匹配<div>上位于其前面(具有较高的z-index)的元素在页面上相同位置上的位置。我怎样才能阻止这种拉伸的发生？
编辑：只出现在火狐中。
浏览 0提问于2011-01-27得票数 2
回答已采纳
4回答
我试着用这样的图片来掩盖线条：
以下是守则：
<html>
<style>
img {
border-radius:100%;
position:relative;
}
hr {
position:relative;
width:555px;
}
</style>
<body>
<center>
<img src="bat.jpg" width="150px" height="150px" />
<hr>
</center>
</bod
浏览 0提问于2017-02-22得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
