Node之锚点

local function Test2()
local layer = getBaseLayer()

local sp1 = cc.Sprite:create(s_pPathSister1)
local sp2 = cc.Sprite:create(s_pPathSister2)
local sp3 = cc.Sprite:create(s_pPathSister1)
local sp4 = cc.Sprite:create(s_pPathSister2)

sp1:setPosition(cc.p(100, s.height /2))
sp2:setPosition(cc.p(380, s.height /2))
layer:addChild(sp1)
layer:addChild(sp2)

sp3:setScale(0.25)
sp4:setScale(0.25)
sp1:addChild(sp3) //子节点是跟父节点一起执行动作
sp2:addChild(sp4)

local a1 = cc.RotateBy:create(2, 360)
local a2 = cc.ScaleBy:create(2, 2)

local action1 = cc.RepeatForever:create(cc.Sequence:create(a1, a2, a2:reverse()))
local action2 = cc.RepeatForever:create(cc.Sequence:create(a1:clone(), a2:clone(), a2:reverse()))//因为action1跟action2是同时执行的,所以action2的动作序列的创建需要将a1、a2克隆出来

sp2:setAnchorPoint(cc.p(1.0,1.0))
//sp1:setAnchorPoint(cc.p(0,0))  sp1的锚点有个默认ccp(0.5,0.5)
sp1:runAction(action1)  
sp2:runAction(action2)

Helper.titleLabel:setString("anchorPoint and children")
return layer

end

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
如果在使用 `markdown-navbar` 组件时,锚点链接没有生效,可能是因为你没有为 markdown 中的标题添加 `id` 属性。`markdown-navbar` 默认使用标题的 `id` 属性来生成锚点链接,如果标题没有 `id` 属性,那么锚点链接就无法跳转到正确的位置。 要解决这个问题,一种简单的方法是使用 `remark` 和 `remark-slug` 插件为 markdown 中的标题添加自定义的 `slug`,然后在 `markdown-navbar` 中使用 `slug` 来覆盖默认的 `id` 属性。 以下是一个示例代码: ```jsx import React from 'react'; import ReactMarkdown from 'react-markdown'; import Navbar from 'markdown-navbar'; import 'markdown-navbar/dist/navbar.css'; import remarkSlug from 'remark-slug'; import unified from 'unified'; const MyMarkdown = ({ source }) => { const processor = unified().use(remarkSlug); const markdownAST = processor.parse(source); const headings = []; processor.runSync(markdownAST).children.forEach((node) => { if (node.type === 'heading') { // 获取自定义的 slug const slug = node.data?.hProperties?.slug; // 将 slug 赋值给 id 属性 node.data = { hProperties: { id: slug, }, }; headings.push({ level: node.depth, title: node.children[0].value, slug, }); } }); return ( <> <Navbar headings={headings} /> <ReactMarkdown astPlugins={[remarkSlug]}>{source}</ReactMarkdown> </> ); }; export default MyMarkdown; ``` 在这个示例中,我们使用 `unified` 和 `remark-slug` 插件为 markdown 中的标题添加了自定义的 `slug`,然后在 `MyMarkdown` 组件中将 `slug` 赋值给了标题节点的 `id` 属性。这样就可以保证锚点链接能够正确跳转到相应的位置。 需要注意的是,`data-id` 属性并非标准的 HTML 属性,如果需要使用这个属性来进行一些操作,可能需要自己编写相应的 JavaScript 代码来实现。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值