我有一个项目的想法,但在开发过程中遇到了瓶颈。本质上,我想使用 JavaScript 来分析图像(任何图像),采用特定颜色并将其作为路径映射到 HTML5 Canvas 上。所有分析的图像都将是不同颜色的基本形状。这是我希望它执行的示例。
此示例是我希望脚本在传递紫色十六进制引用时执行的操作。将蓝色传递给它会更改 Canvas 输出以仅显示 2 个蓝色形状。有没有人对不使用插件如何实现这一目标有任何想法? Canvas 输出将在某个时候被操纵,因此每个形状都需要有自己单独的路径(因为它们并不总是 4 边形)。
最佳答案
由于目前这个问题相当广泛,我不会提供代码,而是提供实现此目标的一般方法。
这些是需要采取的步骤:
第一遍:根据颜色和公差缩小图像。如果颜色是绝对的,只需迭代并创建像素与颜色不匹配的 alpha channel 。对于公差,更好的方法是使用 RGB-HSL 转换,然后定义一个半径并检查读取的颜色是否在目标颜色的半径内。还要考虑 alpha channel 值。
这将留下一个带有 alpha channel 的图像,并且只有您想要的颜色。
第二遍:通过使用 Marching Squares 算法的解决方案运行图像(无耻的插件:我自己制作了 here (麻省理工学院许可),受此问题的启发,而且它似乎比其他插件(包括 D3 插件)更快 - 但任何人都会这样做!)。通过遍历图像来提取路径,对于每次迭代删除跟踪的部分。您可以通过使用组合模式 destination-out 抚摸+填充获得的路径来完成此操作。根据您的场景使用大约 3-5 的线宽。
您可以使用 Ramer-Douglas-Peucker 来减少点数或保持原样。没有减少点将允许准确的路径,但也会表现更差。
第三遍:现在您有了可用于从原始图像裁剪部分的路径数据。添加所有路径数据(通过对每个路径使用 moveTo() 来使用子路径),然后使用合成模式删除不需要的像素。或者,如果您只是追求路径:您就完成了!
关于javascript - 提取特定颜色的对象并转换为路径,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37183587/
总的来说,我对ruby还比较陌生,我正在为我正在创建的对象编写一些rspec测试用例。许多测试用例都非常基础,我只是想确保正确填充和返回值。我想知道是否有办法使用循环结构来执行此操作。不必为我要测试的每个方法都设置一个assertEquals。例如:describeitem,"TestingtheItem"doit"willhaveanullvaluetostart"doitem=Item.new#HereIcoulddotheitem.name.shouldbe_nil#thenIcoulddoitem.category.shouldbe_nilendend但我想要一些方法来使用
在控制台中反复尝试之后,我想到了这种方法,可以按发生日期对类似activerecord的(Mongoid)对象进行分组。我不确定这是完成此任务的最佳方法,但它确实有效。有没有人有更好的建议,或者这是一个很好的方法?#eventsisanarrayofactiverecord-likeobjectsthatincludeatimeattributeevents.map{|event|#converteventsarrayintoanarrayofhasheswiththedayofthemonthandtheevent{:number=>event.time.day,:event=>ev
我有一个表单,其中有很多字段取自数组(而不是模型或对象)。我如何验证这些字段的存在?solve_problem_pathdo|f|%>... 最佳答案 创建一个简单的类来包装请求参数并使用ActiveModel::Validations。#definedsomewhere,atthesimplest:require'ostruct'classSolvetrue#youcouldevencheckthesolutionwithavalidatorvalidatedoerrors.add(:base,"WRONG!!!")unlesss
好的,所以我的目标是轻松地将一些数据保存到磁盘以备后用。您如何简单地写入然后读取一个对象?所以如果我有一个简单的类classCattr_accessor:a,:bdefinitialize(a,b)@a,@b=a,bendend所以如果我从中非常快地制作一个objobj=C.new("foo","bar")#justgaveitsomerandomvalues然后我可以把它变成一个kindaidstring=obj.to_s#whichreturns""我终于可以将此字符串打印到文件或其他内容中。我的问题是,我该如何再次将这个id变回一个对象?我知道我可以自己挑选信息并制作一个接受该信
我想在一个没有Sass引擎的类中使用Sass颜色函数。我已经在项目中使用了sassgem,所以我认为搭载会像以下一样简单:classRectangleincludeSass::Script::FunctionsdefcolorSass::Script::Color.new([0x82,0x39,0x06])enddefrender#hamlengineexecutedwithcontextofself#sothatwithintemlateicouldcall#%stop{offset:'0%',stop:{color:lighten(color)}}endend更新:参见上面的#re
如果您尝试在Ruby中的nil对象上调用方法,则会出现NoMethodError异常并显示消息:"undefinedmethod‘...’fornil:NilClass"然而,有一个tryRails中的方法,如果它被发送到一个nil对象,它只返回nil:require'rubygems'require'active_support/all'nil.try(:nonexisting_method)#noNoMethodErrorexceptionanymore那么try如何在内部工作以防止该异常? 最佳答案 像Ruby中的所有其他对象
我在Rails工作并有以下类(class):classPlayer当我运行时bundleexecrailsconsole然后尝试:a=Player.new("me",5.0,"UCLA")我回来了:=>#我不知道为什么Player对象不会在这里初始化。关于可能导致此问题的操作/解释的任何建议?谢谢,马里奥格 最佳答案 havenoideawhythePlayerobjectwouldn'tbeinitializedhere它没有初始化很简单,因为你还没有初始化它!您已经覆盖了ActiveRecord::Base初始化方法,但您没有调
我有一个服务模型/表及其注册表。在表单中,我几乎拥有服务的所有字段,但我想在验证服务对象之前自动设置其中一些值。示例:--服务Controller#创建Action:defcreate@service=Service.new@service_form=ServiceFormObject.new(@service)@service_form.validate(params[:service_form_object])and@service_form.saverespond_with(@service_form,location:admin_services_path)end在验证@ser
我想让一个yaml对象引用另一个,如下所示:intro:"Hello,dearuser."registration:$introThanksforregistering!new_message:$introYouhaveanewmessage!上面的语法只是它如何工作的一个例子(这也是它在thiscpanmodule中的工作方式。)我正在使用标准的rubyyaml解析器。这可能吗? 最佳答案 一些yaml对象确实引用了其他对象:irb>require'yaml'#=>trueirb>str="hello"#=>"hello"ir
假设我有一个FireNinja我的数据库中的对象,使用单表继承存储。后来才知道他真的是WaterNinja.将他更改为不同的子类的最干净的方法是什么?更好的是,我很想创建一个新的WaterNinja对象并替换旧的FireNinja在数据库中,保留ID。编辑我知道如何创建新的WaterNinja来self现有FireNinja的对象,我也知道我可以删除旧的并保存新的。我想做的是改变现有项目的类别。我是通过创建一个新对象并执行一些ActiveRecord魔法来替换行,还是通过对对象本身做一些疯狂的事情,或者甚至通过删除它并使用相同的ID重新插入来做到这一点,这是问题的一部分。