首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >使用Opal访问DOM :如何正确安装gems?

使用Opal访问DOM :如何正确安装gems?
EN

Stack Overflow用户
提问于 2021-07-06 14:03:02
回答 1查看 90关注 0票数 1

我想在Opal的帮助下测试一些简单的SVG动画,这是一个Ruby到Javascript的转换程序。

然而,我在使用Opal的第一步是尴尬的。我根本无法访问dom (文档对象模型)。

看来我的安装(宝石)可能是可疑的。我错过了一些东西:

代码语言:javascript
复制
opal --compile test.rb > app.js 

返回:

/home/jcll/.rvm/gems/opal/gems/opal-1.1.1/lib/opal/builder.rb:182:in‘

’`read:找不到文件:“Opal”中:(Opal::Builder::MissingRequire)

以下是创业板的清单:

代码语言:javascript
复制
ls ~/.rvm/gems/opal/gems/ 

ast-2.4.2 opal-1.0.5 opal-1.1.1 opal-browser-0.2.0 opal-jquery-0.4.4页面-0.2.6解析器-2.7.2.0解析器-3.0.1.1 rake-13.0.4

这是我的红宝石测试:

代码语言:javascript
复制
require 'opal'
require 'opal-browser'

# prints ok on the browser console
puts "hello world".center(30,'=')

# prints ok on the browser console
(1..5).each{|i| puts "#{i*2}"}

#p $window.document.class

最后,我的Html代码:

代码语言:javascript
复制
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>SVG Animation with Opal Ruby</title>
  </head>
  <body>
    <script src="app.js"></script>
    <svg id="svg_root" width="800" height="600">
      <circle id="circle" cx="100" cy="200" r=10 fill="blue" />
    </svg>
  </body>
</html>

(我的第一个意图是使用Opal移动SVG循环或对浏览器事件作出反应)

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2021-11-02 04:10:08

到目前为止,我们还不能以宝石的形式发布opal浏览器。

请使用gem "opal-browser", github: "opal/opal-browser"

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/68272024

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档