程序员经验分享-hwhale

用户在 HTML5 画布应用程序中绘制的平滑锯齿线？

2023-11-21

我们有一个 HTML5 绘图应用程序，用户可以使用铅笔工具绘制线条。

与基于 Flash 的绘图应用程序相比，线条边缘略有锯齿，并且显得有些模糊。发生这种情况是因为用户在绘图时需要保持线条完全笔直，或者算法会感知每个像素偏差并将其投影为锯齿状边缘。

因此，不可能绘制出平滑、尖锐的圆圈。

不知何故，其他绘图应用程序能够平滑这些锯齿状边缘，同时让用户绘制线条（直线或非直线）。

有什么办法可以平滑这些线条吗？

演示（选择铅笔工具）：http://devfiles.myopera.com/articles/649/example5.html

我们的应用程序使用类似的代码。


这是使用二次曲线和“圆”的快速方法的示例lineJoin:

http://jsfiddle.net/NWBV4/10/

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)

javascript

jQuery

html

html5canvas

用户在 HTML5 画布应用程序中绘制的平滑锯齿线？ 的相关文章

  • 如何在每个组件完成加载后在 Angular 2 中运行 jquery 函数

    我已经尝试了所有生命周期挂钩 但无法实现所需的结果 我需要的结果是触发一个函数 该函数在加载每个元素 组件 后初始化用于单个页面上不同元素的许多 jquery 插件 假设你有这个结构 主页 滑块 小部件 产品旋转器 ETC 这些元素中的每一

  • 使用 jquery 通配符检查 cookie 名称

    我有一个生成动态 cookie 的表单 例如 webform 62 1234356 62 1234356 可以是任意数字 我需要使用一些通配符检查来检查名称以 webform 开头的 cookie 是否存在 下面不起作用 if cookie

  • 使用php表单更改href链接

    我正在制作一个带有搜索栏的网站 我想让搜索栏在 搜索 并显示结果后具有交互性 所以我希望 href 根据正在使用的 Id 进行更改 例如 有人搜索 Pinecones 如果它在数据库中 它将有一个 ID 在本例中是 4 一旦他们搜索它 它就

  • 将上部字符转换为下部字符，将下部字符转换为上部字符（反之亦然）[重复]

    这个问题在这里已经有答案了 我需要将某些字符串中的所有较低字符转换为较高字符 并将所有较高字符转换为较低字符 例如 var testString heLLoWorld 应该 HEllOwORLD 转换后 在不保存临时字符串的情况下实现此目的

  • 这种 JavaScript 编码风格有什么问题？ （闭包与原型）

    我们一直在讨论如何最好地处理我们的 JS 应用程序中的对象 研究 Stoyan Stefanov 的书 阅读无数关于 新 这个 原型 闭包等的 SO 帖子 事实上有很多 而且它们有这么多相互竞争的理论 表明没有完全明显的答案 让我们假设我们

  • 如何创建自定义元素扩展类的新实例

    我正在尝试以下示例谷歌开发者网站 https developers google com web fundamentals getting started primers customelements extendhtml我收到错误 Typ

  • 显示表中的记录

    我的第一个 PHP 项目遇到了一些麻烦 我试图从 MySQL 数据库 有 3 条记录 获取数据并将其显示在表格中 问题是它似乎只显示记录 2 和 3 它跳过了第 1 条记录 请参阅我的代码并在下面显示 if mysqli connect e

  • 如何使用CSS将背景图像放入选择选项标签中

    我有一个从 json 响应接收的国家 地区下拉列表 并且想要在国家 地区名称旁边添加相应的国家 地区国旗图标 也从 json 响应获取图像 我已经尝试了不同的 jQuery 和 bootstrap 插件 但他们所做的是破坏我以前的选择框样式

  • 有没有好的 JQuery twitter 小部件可以循环推文？

    我想知道是否有任何 JQuery 小部件提供了循环加载推文的功能 例如在官方小部件中http twitter com about resources widgets widget profile http twitter com about

  • 为 Meteor 数据创建编号列表

    有没有办法获取 Meteor 集合中项目的编号列表的 编号 我知道我可以在 html 中做到这一点 但我觉得如果我可以在 spacebars 中放置一些东西 那么样式会更容易 如果我可以使用更好的术语 请告诉我 像这样的东西 前 20 部电

  • 如何设置在浏览器的新选项卡（_blank）中打开的pdf文件的标题

    这是我的尝试 是否在新选项卡上打开 但它总是显示test pdf如题 function titlepath path name alert path alert name document title name window open pa

  • 为什么我不能在 TCPDF 表中使用 č,ć,đ 图表？

    我正在为我的网站构建一个 tcpdf 文件 该 tcpdf 文件中有一个包含一些数据的表格 但我无法使该章程正常工作 对于编码 我使用 windows 1250 宪章女巫不起作用 我已经尝试过 utf 8 但仍然没有得到这个章程 tcpdf

  • 限制 jQuery id 字符串吗？

    简而言之 我的问题是字符串在 jQuery 中作为可搜索 id 或可搜索内容有什么限制 更新 我得到了 ID 部分 但不是为什么我什至无法使用该字符串搜索 html 内容 对于任何愿意告诉我一个正则表达式来将模式从 MM dd yy HH

  • D3v6 嵌套图 - 嵌套 join()？

    我想可视化每个节点的 孩子 洞察力 我猜 D3v6 join 函数可以嵌套 不幸的是我找不到任何例子 下面的代码片段包含一个具有 3 个节点和子节点作为属性的outerGraph 到目前为止 这些孩子还没有被使用 相反 innerGraph

  • 为什么从浏览器上传到 S3 时出现 403 错误？

    因此 我尝试查看此处之前的答案 但似乎没有任何效果 我正在使用 Dropzone 它似乎发出 OPTIONS 请求来获取所有允许的 CORS 相关信息 但它似乎没有正确返回 因此 通过查看 Chrome 开发工具 我有以下请求标头 Host

  • 在角度控制器中监听文档事件

    如何捕获角度控制器中的事件 我有文档级事件 所以我需要在角度控制器中捕获事件 这可能吗 Update 我有独立的 js 文件来处理来自相机的一些操作 document addEventListener myCameraEvent handl

  • 支持换行的 JQuery 工具提示

    我正在寻找一个轻量级的 jquery 插件 用于在用户将鼠标悬停在元素上时显示工具提示 我希望插件从标题属性中获取内容 而且我可以创建新行也很重要 任何帮助表示赞赏 在 jQuery 1 9 jquery jquery ui 和标准 too

  • 更改javascript nodejs中所有页面的href url

    我已经实现了具有多种语言下拉菜单的引导导航栏 当我选择语言时 它将翻译页面 如何更改其他页面的 url 和按钮文本 当我选择french 将所有网址更改为 fr about and fr contact 如何使用 JavaScript 进行

  • 是否可以使“HTML 到语音”与“文本到语音”相同？

    我有一个奇怪的要求 在我现有的应用程序中我有Text2Speech为此 我使用了AVSpeechSynthesizer 到语音文本 但现在要求发生了变化 现在我需要将 HTML 文件数据转换为文本 例如HTML2Speech 我们可以想到的

  • 从顶部开始在同一水平线上显示同一行中的两个 div

    这是我的代码 floating box display inline block width 150px margin 10px border 3px solid 73AD21 after box border 3px solid red

随机推荐

  • Docker 集群多个管理者和工人 Vs

    我有一个 3 节点 docker swarm 集群 我们可能需要 2 名经理 我知道在某一时刻只有一位领导者 由于它是一个 3 节点集群 我试图找到一些文献来了解多个管理器的优缺点 我需要此信息 因为在我的 3 节点集群中 如果我有 2 个

  • Jquery if then 语句获取 css 值

    我想检查是否div带有 CSSclass x has height auto 如果是的话我想要 使用 jQuery 脚本 css class a 从所有元素中删除css class y 如果不是 则脚本不必执行任何操作 谢谢 if div

  • 使用多核 CPU 与 gensim 训练 Doc2vec 时效率不高

    我使用24核虚拟CPU和100G内存用Gensim训练Doc2Vec 但无论修改核心数量 CPU使用率始终在200 左右 top htop 上面两张图显示了cpu使用率 这表明cpu没有得到有效利用 cores multiprocessin

  • 使用ReferenceQueue和WeakReference

    我想在其他线程不再引用 Closeable 对象时正确关闭它 我写了一些小测试 但在对象入队后 get 方法返回 null 即 poll 方法返回没有引用对象的正确对象 public static void main String args

  • 使用ggplot2在地图上绘制条形图？

    我想使用 ggplot2 为地图上的每个位置生成一个条形图 正如 xingmowang 使用基础图形和一些软件包所做的那样 http nzprimarysectortrade wordpress com 2011 10 02 let r f

  • 谷歌应用程序引擎上有像 pluto 或 jetspeed 这样的 Portlet 容器吗？

    我正在尝试在谷歌应用程序引擎上构建一些 portlet 服务器 作为开源 我想使用 JSR168 286 标准 但我认为以下限制 应用程序引擎将使它介于棘手和不可能之间 有没有人尝试过运行 jetspeed 或内部使用 pluto 的应用程

  • Rails 视图编码问题

    我正在使用 Ruby 2 0 和 Rails 3 2 14 我的视图中散落着几个 UTF 8 字符 主要是货币符号 如 和 等 我注意到一些 ActionView Template Error incompatible character

  • Spring指标中的@Timed注释

    I use TimedString Boot Rest 控制器上的注释 它工作正常 控制器中的方法调用服务中的方法 该方法也用注释 Timed 但是 后续服务 bean 中方法的此注释不起作用 我没有看到结果 metrics 为什么会发生这

  • 没有为此对象定义无参数构造函数。在 ASP.NET MVC 控制器中

    我确信这很简单 但我有点卡在这里 为我的应用程序定义的路由只是默认路由 我定义了以下控制器 namespace Baynes Wedding Web Controllers public class AdminController Cont

  • 当使用 ElementTree.iterparse() 清除树时，内存使用量是否会增加？

    import os import xml etree ElementTree as et for ev el in et iterparse os sys stdin el clear 在 ODP 结构上运行上述内容RDF dump结果总是

  • jQuery 和 TinyMCE：textarea 值未提交

    我在用jQuery and TinyMCE提交表单 但序列化存在问题 因为 Textarea 值未发布 这是代码

  • 如何检测键盘何时显示和隐藏

    如何检测应用程序中何时显示和隐藏键盘 在类的 ViewDidLoad 方法中设置监听有关键盘的消息 Listen for keyboard appearances and disappearances NSNotificationCente

  • Java：如何同步数组访问以及同步条件下的限制是什么

    我有一个 2x2 数组 有两个线程在其上运行 java中可以在数组上使用synchronized语句吗 锁定是如何工作的 java教程线程说synchronized语句适用于对象 所以我不确定它们的意思 另一个网站说我可以发表这样的声明 s

  • 中点公式溢出错误

    我正在学习算法 大o 我只是对此感到好奇 指某东西的用途 mid low high 2 通常不鼓励使用二分查找算法来获取中点 因为可能会出现溢出错误 为什么这会导致发生溢出错误 以及如何处理 mid low high low 2 防止这个错

  • Java中是否可以动态构建多维数组？

    假设我们有 Java 代码 Object arr Array newInstance Array class 5 那会跑吗 进一步说明 如果我们尝试这样的事情会怎样 Object arr1 Array newInstance Array c

  • 包含具有两个不同调用的脚本的原因是什么？

    我使用 HTML5 样板 并且 jQuery 在 HTML 页面中声明了两次 如下所示

  • ListView 中带有 onListItemClick 的可点击区域的宽度

    我正在尝试让 ListView 中的列表项可点击 目前它们是可点击的 参见我的屏幕截图 但它们只能在文本占据的矩形内点击 我在用着protected void onListItemClick ListView l View v int po

  • IE9+和其他浏览器CSS3 ch单位不一致

    IE9 claims支持chCSS单元 根据定义 该单位 等于当前字体的 0 ZERO U 0030 字形的高级度量 或者 更简单地说 0 字形的字符框宽度 这种解释似乎适用于 Firefox 10 和 Chrome 27 div styl

  • 具有 Task.Run 性能的 ASP.NET Web API 2 异步操作方法

    我正在尝试对几个 ASP NET Web API 2 0 端点进行基准测试 使用 Apache bench 其中一种是同步的 一种是异步的 Route user userId feeds HttpGet public IEnumerable

  • 用户在 HTML5 画布应用程序中绘制的平滑锯齿线？

    我们有一个 HTML5 绘图应用程序 用户可以使用铅笔工具绘制线条 与基于 Flash 的绘图应用程序相比 线条边缘略有锯齿 并且显得有些模糊 发生这种情况是因为用户在绘图时需要保持线条完全笔直 或者算法会感知每个像素偏差并将其投影为锯齿状

热门标签