HTML5教程：在画布上绘制具有奇特颜色、渐变和效果的文本-TurboFuture爱游戏客服中心</标题><style type="text/css">:root { --button_hover_opacity: 0.6;--deprecated_color_tile_background: #ffffff;--color_highlighted_label: #ffffff;--color_interstitial_border: #0095ff;--color_label: #0095ff;--horizontal_rule_variant_one_width: 100;--horizontal_rule_variant_four_width: 100;--color_header_background: transparent;--color_sticky_nav_text_hover: #000000;--site_fontdef_body_secondary_family: "hero-new", sans-serif;--drop_caps_variant2_color: #000000;--has_content_recipe: false;--highlighted_text_line_height: 1.25;--has_content_basic_page: false;--horizontal_rule_variant_four_height: 2;--color_footer_nav_text: #333333;--horizontal_rule_variant_two_style: double;--color_stamp_text: #ffffff;--color_stamp_background: #0095ff;--site_fontdef_ui: weight 600, transform uppercase, letter-spacing 0.07rem, multiplier 1.1, hmultiplier 1;--blockquote_text_color: #777777;--color_text_primary_inverted: #ffffff;--color_text_primary: #333333;--global_width_offset: 0;--horizontal_rule_variant_four_style: dashed;--has_content_organization: false;--button_border_style: 3px solid;--hub_background_image_repeat: repeat;--premium_object_wrap_width: 480px;--palette_primary: #000000;--drop_caps_variant2_size: M;--deprecated_ui_primary: #777777;--navbar_height: 46px;--horizontal_rule_variant_one_height: 2;--color_anchor_hover_text: #000000;--color_button_border: #b6b6b6;--hub_background_image_attachment: scroll;--pullquote_font_size: M;--color_sticky_nav_text: #777777;--palette_accent: #0095ff;--deprecated_ui_primary_light: rgba(#777777, 0.5);--canvas_color_warnings: false;--hub_background_image: none;--color_footer_nav_text_hover: #000000;--image_hero_overlay: linearDark;--phx_page_min_height: 640px;--horizontal_rule_variant_three_color: #777777;--phx_size_c_breakpoint: 1240px;--palette_tone_black: #000000;--premium_object_breakout_width: 1100px;--site_fontdef_body_primary: weight 400, multiplier .9, hmultiplier 1.1;--has_content_rich_term: false;--color_header_nav_background: transparent;--has_content_article: false;--pullquote_text_transform: none;--color_featured_header_nav_text_hover: #000000;--site_fontdef_headline_primary: weight 700, multiplier .95, hmultiplier 1.2;--deprecated_color_inverted: #ffffff;--color_divider: #b6b6b6;--site_use_transparent_labels: false;--pullquote_background_color: #f1f3f5;--color_header_subnav_text_hover: #b6b6b6;--site_fontdef_meta_family: "hero-new", sans-serif;--horizontal_rule_variant_two_height: 6;--blockquote_border_size: 2;--color_button_background: false;--color_button_text: #000000;--hub_background_image_position: 0% 0%;--pullquote_text_hover_color: $color_hover_body;--unsupported_browser_background_image: none;--has_content_user_profile: false;--deprecated_color_secondary: #0095ff;--has_content_product: false;--header_background_image_type: none;--color_header_subnav_background: #ffffff;--premium_page_width: 1100px;--horizontal_rule_variant_three_style: dotted;--drop_caps_variant2_font_family: body-primary;--palette_tone_dark: #333333;--pullquote_text_link_color: #000000;--has_content_person: false;--phx_sidebar_width_b: 200px;--phx_object_breakout_width: 860px;--horizontal_rule_variant_three_width: 100;--color_text_secondary_inverted: #ffffff;--color_header_subnav_border: #333333;--color_image_hero_text: #ffffff;--premium_content_width: 780px;--object_type: ContentSiteConfigStyleVariables;--deprecated_color_body_text: #333333;--color_image_tile_text: #ffffff;--color_featured_header_nav_text: #000000;--horizontal_rule_variant_four_color: #777777;--site_fontdef_meta: weight 400, transform uppercase, multiplier .85, hmultiplier 1;--color_footer_text: #333333;--color_headline: #333333;--site_default_transparency: 0.8;--color_headline_inverted: #ffffff;--drop_caps_variant1_size: M;--deprecated_color_ui_secondary: #b6b6b6;--background_color_ad: #f0f0f0;--hub_background_image_size: auto;--image_tile_overlay: linearDark;--site_alignment: center;--sticky_nav_background_opacity: 100;--horizontal_rule_variant_three_height: 2;--color_button_background_inverted: false;--color_button_border_inverted: #ffffff;--button_shape: circle;--color_header_nav_text_hover: #000000;--color_header_text: #000000;--premium_object_breakout_margin: (1100px - 780px) / 2;--background_color_hub: #ffffff;--site_fontdef_body_secondary: weight 400, multiplier 1.08, hmultiplier 1.1;--color_label_inverted: #ffffff;--component_with_background_padding: 20px;--unsupported_browser_logo: none;--color_sticky_nav_background: transparent;--blockquote_text_link_color: #000000;--header_background_size: auto auto;--site_component_spacing: 20px;--drop_caps_variant1_color: #000000;--color_button_text_inverted: #ffffff;--deprecated_color_accent: #ffffff;--background_color_tile: #f2f2f2;--flag_site_type: legacy;--featured_header_background_opacity: 100;--site_fontdef_headline_primary_family: "hero-new", sans-serif;--horizontal_rule_variant_one_color: #777777;--sticky_navbar_height: 46px;--svg_block_height: 60px;--has_content_video: false;--deprecated_color_body_background: #ffffff;--blockquote_font_size: XS;--pullquote_text_color: #000000;--color_header_subnav_text: #333333;--drop_caps_variant1_font_family: body-primary;--deprecated_color_primary: #000000;--color_button_hover: opacity;--header_background_repeat: repeat;--site_fontdef_body_primary_family: "hero-new", sans-serif;--color_anchor_text: #0095ff;--blockquote_background_color: rgba(0, 0, 0, 0);--color_highlight: #0095ff;--phx_content_width: 700px;--blockquote_border_color: #777777;--blockquote_text_hover_color: $color_hover_body;--phx_sidebar_width_c: 300px;--table_of_contents_title: Contents;--phx_object_breakout_margin: (860px - 700px) / 2;--color_header_nav_text: #000000;--horizontal_rule_variant_one_style: solid;--site_fontdef_headline_secondary_family: "hero-new", sans-serif;--blockquote_text_transform: none;--color_text_secondary: #777777;--author_img_tilt: 0deg;--pullquote_font_family: body-secondary;--color_featured_header_background: transparent;--schema_version: 330;--rounding_radius: 0;--header_background_position: top center;--font_base_path: "../../fonts";--component_divider: 1px solid;--featured_media_background: #ffffff;--blockquote_font_family: headline-secondary;--site_fontdef_headline_secondary: weight 700, transform uppercase, multiplier 1.2, hmultiplier 1;--phx_object_wrap_width: 300px;--color_divider_inverted: #000000;--pullquote_background_padding: 20;--horizontal_rule_variant_two_color: #777777;--phx_page_width: 1100px;--table_of_contents_background_color: #b6b6b6;--horizontal_rule_variant_two_width: 100;--site_fontdef_ui_family: "hero-new", sans-serif;--palette_tone_light: #b6b6b6;--palette_tone_mid: #777777;--palette_tone_white: #ffffff }</style> <style type="text/css">[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {display: none !important;}</style> <link rel="preload" href="https://use.typekit.net/eyr8dyd.css" as="style"> </head> <body class="mm-alt-demo-data-enabled mm-experimental-lazy-enabled mm-use-hummingbird-enabled mm-tempest-video-enabled mm-use-eco-render-mode-enabled has-legacy-nav is-detail-page is-sidebar-enabled is-balloon-header-active" phx-page-manager> <phoenix-script delay-load load-after-critical-elements src="//www.lordneo.com/.bootscripts/PhoenixGoogleAnalytics.min.js?v=2021-10-14-202825-55bebfc-022983"></phoenix-script> <phoenix-script delay-load load-after-critical-elements src="//www.lordneo.com/.bootscripts/analytics.min.js?v=2021-10-14-202825-55bebfc-022983"></phoenix-script> <link rel="stylesheet" href="https://use.typekit.net/eyr8dyd.css" onload="window.fontLoadedResolve()"> <link rel="stylesheet" href="//www.lordneo.com/site/styles/main.min.css?config=published&cv=9229512d75f31f756d73078f676db511&v=2021-10-14-202825-55bebfc-022983"> <phoenix-script delay-load load-after-critical-elements src="//www.lordneo.com/runtime/alpha.js?v=2021-10-14-202825-55bebfc-022983"></phoenix-script> <phoenix-script delay-load load-after-critical-elements src="//www.lordneo.com/runtime/beta1.js?v=2021-10-14-202825-55bebfc-022983"></phoenix-script> <phoenix-script src="//www.lordneo.com/.bootscripts/hubPagesTracker.min.js?v=2021-10-14-202825-55bebfc-022983" delay-load load-after-critical-elements></phoenix-script> <phoenix-script src="//www.lordneo.com/.bootscripts/hubPagesViewDurationTracker.min.js?v=2021-10-14-202825-55bebfc-022983" delay-load load-after-critical-elements></phoenix-script> <phoenix-script delay-load load-after-critical-elements src="//www.lordneo.com/runtime/gamma.js?v=2021-10-14-202825-55bebfc-022983"></phoenix-script> <base href="/"> <meta charset="utf-8"> <meta name="referrer" content="unsafe-url"> <meta http-equiv="cleartype" content="on"> <meta name="HandheldFriendly" content="True"> <meta name="MobileOptimized" content="320"> <meta name="apple-mobile-web-app-capable" content="no"> <meta name="apple-mobile-web-app-status-bar-style" content="black"> <meta name="format-detection" content="telephone=no"> <meta name="format-detection" content="address=no"> <meta name="google-site-verification" content=""> <meta name="generator" content="Tempest - maven.io"> <meta name="pinterest" content="nohover"> <phoenix-page> <phoenix-style href="/site/styles/print.min.css?v=2021-10-14-202825-55bebfc-022983" media="print" delay-load load-after-critical></phoenix-style> <div id="lyra-wrapper"> <phoenix-overlay class="m-off-canvas m-overlay is-left-drawer" overlay-name="offcanvas" role="navigation"> <phoenix-notifier event-name="phoenix:overlay" events="click mousewheel scroll touchmove DOMMouseScroll"> <div class="m-overlay-mask"></div> </phoenix-notifier> <div class="m-off-canvas--menu m-overlay--content"> <phoenix-notifier event-name="phoenix:overlay"> <button class="m-overlay--close m-icon-button" aria-label="Close Menu" type="button"> <phoenix-icon-fallback class="m-svg m-icon-button--icon" icon="ico_close"> <phoenix-icon-fallback class="m-svg" icon="ico_close"> <svg> <use xlink:href="/assets-global/icons/svg-sprite.svg?v=2021-10-14-202825-55bebfc-022983#ico_close"></use> </svg> </phoenix-icon-fallback> </phoenix-icon-fallback></button> </phoenix-notifier> <div class="m-vertical-nav m-off-canvas--scroller-no-footer"> <div class="m-off-canvas--header"> <form class="m-off-canvas--search" role="form" action="/search" method="GET"> <input class="m-off-canvas--search-input" aria-label="Search" placeholder="Search" name="query"> <button class="m-off-canvas--search-button m-icon-button" aria-label="Submit Search" type="submit"> <phoenix-icon-fallback class="m-svg m-icon-button--icon" icon="ico_search"> <phoenix-icon-fallback class="m-svg" icon="ico_search"> <svg> <use xlink:href="/assets-global/icons/svg-sprite.svg?v=2021-10-14-202825-55bebfc-022983#ico_search"></use> </svg> </phoenix-icon-fallback> </phoenix-icon-fallback></button> </form> </div> <div class="m-off-canvas--scroll-wrapper"> <nav role="navigation"> <phoenix-accordion class="m-accordion is-inverted" id="offcanvas-accordion"> <ul> <li> <phoenix-accordion-item class="m-accordion--item" id="offcanvas-0" accordion-id="offcanvas-accordion"> <div class="m-accordion--item-heading"> <a class="m-accordion--item-heading-link" href="//www.lordneo.com/internet/" title="互联网">互联网</a> <phoenix-accordion-toggler class="m-accordion--item-toggler-wrapper" accordion-id="offcanvas-accordion" item-id="offcanvas-0"> <button class="m-accordion--item-heading-toggler m-icon-button mm-icon-button--small-icon mm-icon-button--plus-minus" aria-expanded="false" aria-controls="panel-offcanvas-0" aria-label="button-toggler-offcanvas-0" id="toggler-offcanvas-0"><span class="m-icon-button--plus"> <phoenix-icon-fallback class="m-svg m-icon-button--icon" icon="ico_plus"> <phoenix-icon-fallback class="m-svg" icon="ico_plus"> <svg> <use xlink:href="/assets-global/icons/svg-sprite.svg?v=2021-10-14-202825-55bebfc-022983#ico_plus"></use> </svg> </phoenix-icon-fallback> </phoenix-icon-fallback></span><span class="m-icon-button--minus"> <phoenix-icon-fallback class="m-svg m-icon-button--icon" icon="ico_minus"> <phoenix-icon-fallback class="m-svg" icon="ico_minus"> <svg> <use xlink:href="/assets-global/icons/svg-sprite.svg?v=2021-10-14-202825-55bebfc-022983#ico_minus"></use> </svg> </phoenix-icon-fallback> </phoenix-icon-fallback></span></button> </phoenix-accordion-toggler> </div> <phoenix-accordion-panel id="panel-offcanvas-0" accordion-id="offcanvas-accordion" aria-labelledby="toggler-offcanvas-0" hidden> <phoenix-accordion class="m-accordion is-inverted mm-accordion-content" id="offcanvas-0-accordion"> <ul> <li> <phoenix-accordion-item class="m-accordion--item" id="offcanvas-0-0" accordion-id="offcanvas-0-accordion"> <div class="m-accordion--item-heading"> <a class="m-accordion--item-heading-link" href="//www.lordneo.com/internet/social-networking/" title="社交网络">社交网络</a> </div> </phoenix-accordion-item></li> <li> <phoenix-accordion-item class="m-accordion--item" id="offcanvas-0-1" accordion-id="offcanvas-0-accordion"> <div class="m-accordion--item-heading"> <a class="m-accordion--item-heading-link" href="//www.lordneo.com/internet/culture/" title="网络文化">网络文化</a> </div> </phoenix-accordion-item></li> <li> <phoenix-accordion-item class="m-accordion--item" id="offcanvas-0-2" accordion-id="offcanvas-0-accordion"> <div class="m-accordion--item-heading"> <a class="m-accordion--item-heading-link" href="//www.lordneo.com/internet/entertainment/" title="网络娱乐">网络娱乐</a> </div> </phoenix-accordion-item></li> <li> <phoenix-accordion-item class="m-accordion--item" id="offcanvas-0-3" accordion-id="offcanvas-0-accordion"> <div class="m-accordion--item-heading"> <a class="m-accordion--item-heading-link" href="//www.lordneo.com/internet/e-mail/" title="电子邮件提示和使用方法">电子邮件提示和使用方法</a> </div> </phoenix-accordion-item></li> <li> <phoenix-accordion-item class="m-accordion--item" id="offcanvas-0-4" accordion-id="offcanvas-0-accordion"> <div class="m-accordion--item-heading"> <a class="m-accordion--item-heading-link" href="//www.lordneo.com/internet/security/" title="网络安全">网络安全</a> </div> </phoenix-accordion-item></li> <li> <phoenix-accordion-item class="m-accordion--item" id="offcanvas-0-5" accordion-id="offcanvas-0-accordion"> <div class="m-accordion--item-heading"> <a class="m-accordion--item-heading-link" href="//www.lordneo.com/internet/browsers/" title="互联网浏览器">互联网浏览器</a> </div> </phoenix-accordion-item></li> </ul> </phoenix-accordion> </phoenix-accordion-panel> </phoenix-accordion-item></li> <li> <phoenix-accordion-item class="m-accordion--item" id="offcanvas-1" accordion-id="offcanvas-accordion"> <div class="m-accordion--item-heading"> <a class="m-accordion--item-heading-link" href="//www.lordneo.com/computers/" title="计算机">计算机</a> <phoenix-accordion-toggler class="m-accordion--item-toggler-wrapper" accordion-id="offcanvas-accordion" item-id="offcanvas-1"> <button class="m-accordion--item-heading-toggler m-icon-button mm-icon-button--small-icon mm-icon-button--plus-minus" aria-expanded="false" aria-controls="panel-offcanvas-1" aria-label="button-toggler-offcanvas-1" id="toggler-offcanvas-1"><span class="m-icon-button--plus"> <phoenix-icon-fallback class="m-svg m-icon-button--icon" icon="ico_plus"> <phoenix-icon-fallback class="m-svg" icon="ico_plus"> <svg> <use xlink:href="/assets-global/icons/svg-sprite.svg?v=2021-10-14-202825-55bebfc-022983#ico_plus"></use> </svg> </phoenix-icon-fallback> </phoenix-icon-fallback></span><span class="m-icon-button--minus"> <phoenix-icon-fallback class="m-svg m-icon-button--icon" icon="ico_minus"> <phoenix-icon-fallback class="m-svg" icon="ico_minus"> <svg> <use xlink:href="/assets-global/icons/svg-sprite.svg?v=2021-10-14-202825-55bebfc-022983#ico_minus"></use> </svg> </phoenix-icon-fallback> </phoenix-icon-fallback></span></button> </phoenix-accordion-toggler> </div> <phoenix-accordion-panel id="panel-offcanvas-1" accordion-id="offcanvas-accordion" aria-labelledby="toggler-offcanvas-1" hidden> <phoenix-accordion class="m-accordion is-inverted mm-accordion-content" id="offcanvas-1-accordion"> <ul> <li> <phoenix-accordion-item class="m-accordion--item" id="offcanvas-1-0" accordion-id="offcanvas-1-accordion"> <div class="m-accordion--item-heading"> <a class="m-accordion--item-heading-link" href="//www.lordneo.com/computers/networking/" title="互联网接入和联网">互联网接入和联网</a> </div> </phoenix-accordion-item></li> <li> <phoenix-accordion-item class="m-accordion--item" id="offcanvas-1-1" accordion-id="offcanvas-1-accordion"> <div class="m-accordion--item-heading"> <a class="m-accordion--item-heading-link" href="//www.lordneo.com/computers/accessories/" title="五金及配件">五金及配件</a> </div> </phoenix-accordion-item></li> <li> <phoenix-accordion-item class="m-accordion--item" id="offcanvas-1-2" accordion-id="offcanvas-1-accordion"> <div class="m-accordion--item-heading"> <a class="m-accordion--item-heading-link" href="//www.lordneo.com/computers/software-os/" title="软件和操作系统">软件和操作系统</a> </div> </phoenix-accordion-item></li> <li> <phoenix-accordion-item class="m-accordion--item" id="offcanvas-1-3" accordion-id="offcanvas-1-accordion"> <div class="m-accordion--item-heading"> <a class="m-accordion--item-heading-link" href="//www.lordneo.com/computers/repairs/" title="ios爱游戏平台">ios爱游戏平台</a> </div> </phoenix-accordion-item></li> <li> <phoenix-accordion-item class="m-accordion--item" id="offcanvas-1-4" accordion-id="offcanvas-1-accordion"> <div class="m-accordion--item-heading"> <a class="m-accordion--item-heading-link" href="//www.lordneo.com/computers/laptops/" title="笔记本电脑操作指南和评论">笔记本电脑操作指南和评论</a> </div> </phoenix-accordion-item></li> <li> <phoenix-accordion-item class="m-accordion--item" id="offcanvas-1-5" accordion-id="offcanvas-1-accordion"> <div class="m-accordion--item-heading"> <a class="m-accordion--item-heading-link" href="//www.lordneo.com/computers/desktops/" title="桌面信息和建议">桌面信息和建议</a> </div> </phoenix-accordion-item></li> </ul> </phoenix-accordion> </phoenix-accordion-panel> </phoenix-accordion-item></li> <li> <phoenix-accordion-item class="m-accordion--item" id="offcanvas-2" accordion-id="offcanvas-accordion"> <div class="m-accordion--item-heading"> <a class="m-accordion--item-heading-link" href="//www.lordneo.com/cell-phones/" title="手机">手机</a> <phoenix-accordion-toggler class="m-accordion--item-toggler-wrapper" accordion-id="offcanvas-accordion" item-id="offcanvas-2"> <button class="m-accordion--item-heading-toggler m-icon-button mm-icon-button--small-icon mm-icon-button--plus-minus" aria-expanded="false" aria-controls="panel-offcanvas-2" aria-label="button-toggler-offcanvas-2" id="toggler-offcanvas-2"><span class="m-icon-button--plus"> <phoenix-icon-fallback class="m-svg m-icon-button--icon" icon="ico_plus"> <phoenix-icon-fallback class="m-svg" icon="ico_plus"> <svg> <use xlink:href="/assets-global/icons/svg-sprite.svg?v=2021-10-14-202825-55bebfc-022983#ico_plus"></use> </svg> </phoenix-icon-fallback> </phoenix-icon-fallback></span><span class="m-icon-button--minus"> <phoenix-icon-fallback class="m-svg m-icon-button--icon" icon="ico_minus"> <phoenix-icon-fallback class="m-svg" icon="ico_minus"> <svg> <use xlink:href="/assets-global/icons/svg-sprite.svg?v=2021-10-14-202825-55bebfc-022983#ico_minus"></use> </svg> </phoenix-icon-fallback> </phoenix-icon-fallback></span></button> </phoenix-accordion-toggler> </div> <phoenix-accordion-panel id="panel-offcanvas-2" accordion-id="offcanvas-accordion" aria-labelledby="toggler-offcanvas-2" hidden> <phoenix-accordion class="m-accordion is-inverted mm-accordion-content" id="offcanvas-2-accordion"> <ul> <li> <phoenix-accordion-item class="m-accordion--item" id="offcanvas-2-0" accordion-id="offcanvas-2-accordion"> <div class="m-accordion--item-heading"> <a class="m-accordion--item-heading-link" href="//www.lordneo.com/cell-phones/smartphones/" title="AYX爱游戏app体育官方下载">AYX爱游戏app体育官方下载</a> </div> </phoenix-accordion-item></li> <li> <phoenix-accordion-item class="m-accordion--item" id="offcanvas-2-1" accordion-id="offcanvas-2-accordion"> <div class="m-accordion--item-heading"> <a class="m-accordion--item-heading-link" href="//www.lordneo.com/cell-phones/apps/" title="爱游戏">爱游戏</a> </div> </phoenix-accordion-item></li> <li> <phoenix-accordion-item class="m-accordion--item" id="offcanvas-2-2" accordion-id="offcanvas-2-accordion"> <div class="m-accordion--item-heading"> <a class="m-accordion--item-heading-link" href="//www.lordneo.com/cell-phones/plans-service/" title="手机计划与服务">手机计划与服务</a> </div> </phoenix-accordion-item></li> </ul> </phoenix-accordion> </phoenix-accordion-panel> </phoenix-accordion-item></li> <li> <phoenix-accordion-item class="m-accordion--item" id="offcanvas-3" accordion-id="offcanvas-accordion"> <div class="m-accordion--item-heading"> <a class="m-accordion--item-heading-link" href="//www.lordneo.com/consumer-electronics/" title="ios爱游戏">ios爱游戏</a> <phoenix-accordion-toggler class="m-accordion--item-toggler-wrapper" accordion-id="offcanvas-accordion" item-id="offcanvas-3"> <button class="m-accordion--item-heading-toggler m-icon-button mm-icon-button--small-icon mm-icon-button--plus-minus" aria-expanded="false" aria-controls="panel-offcanvas-3" aria-label="button-toggler-offcanvas-3" id="toggler-offcanvas-3"><span class="m-icon-button--plus"> <phoenix-icon-fallback class="m-svg m-icon-button--icon" icon="ico_plus"> <phoenix-icon-fallback class="m-svg" icon="ico_plus"> <svg> <use xlink:href="/assets-global/icons/svg-sprite.svg?v=2021-10-14-202825-55bebfc-022983#ico_plus"></use> </svg> </phoenix-icon-fallback> </phoenix-icon-fallback></span><span class="m-icon-button--minus"> <phoenix-icon-fallback class="m-svg m-icon-button--icon" icon="ico_minus"> <phoenix-icon-fallback class="m-svg" icon="ico_minus"> <svg> <use xlink:href="/assets-global/icons/svg-sprite.svg?v=2021-10-14-202825-55bebfc-022983#ico_minus"></use> </svg> </phoenix-icon-fallback> </phoenix-icon-fallback></span></button> </phoenix-accordion-toggler> </div> <phoenix-accordion-panel id="panel-offcanvas-3" accordion-id="offcanvas-accordion" aria-labelledby="toggler-offcanvas-3" hidden> <phoenix-accordion class="m-accordion is-inverted mm-accordion-content" id="offcanvas-3-accordion"> <ul> <li> <phoenix-accordion-item class="m-accordion--item" id="offcanvas-3-0" accordion-id="offcanvas-3-accordion"> <div class="m-accordion--item-heading"> <a class="m-accordion--item-heading-link" href="//www.lordneo.com/consumer-electronics/e-readers/" title="电子阅读器和建议">电子阅读器和建议</a> </div> </phoenix-accordion-item></li> <li> <phoenix-accordion-item class="m-accordion--item" id="offcanvas-3-1" accordion-id="offcanvas-3-accordion"> <div class="m-accordion--item-heading"> <a class="m-accordion--item-heading-link" href="//www.lordneo.com/consumer-electronics/tablets/" title="ayx爱游戏平台">ayx爱游戏平台</a> </div> </phoenix-accordion-item></li> </ul> </phoenix-accordion> </phoenix-accordion-panel> </phoenix-accordion-item></li> <li> <phoenix-accordion-item class="m-accordion--item" id="offcanvas-4" accordion-id="offcanvas-accordion"> <div class="m-accordion--item-heading"> <a class="m-accordion--item-heading-link" href="//www.lordneo.com/graphic-design-video/" title="平面设计与视频编辑">平面设计与视频编辑</a> </div> </phoenix-accordion-item></li> <li> <phoenix-accordion-item class="m-accordion--item" id="offcanvas-5" accordion-id="offcanvas-accordion"> <div class="m-accordion--item-heading"> <a class="m-accordion--item-heading-link" href="//www.lordneo.com/home-theater-audio/" title="家庭影院及音响">家庭影院及音响</a> <phoenix-accordion-toggler class="m-accordion--item-toggler-wrapper" accordion-id="offcanvas-accordion" item-id="offcanvas-5"> <button class="m-accordion--item-heading-toggler m-icon-button mm-icon-button--small-icon mm-icon-button--plus-minus" aria-expanded="false" aria-controls="panel-offcanvas-5" aria-label="button-toggler-offcanvas-5" id="toggler-offcanvas-5"><span class="m-icon-button--plus"> <phoenix-icon-fallback class="m-svg m-icon-button--icon" icon="ico_plus"> <phoenix-icon-fallback class="m-svg" icon="ico_plus"> <svg> <use xlink:href="/assets-global/icons/svg-sprite.svg?v=2021-10-14-202825-55bebfc-022983#ico_plus"></use> </svg> </phoenix-icon-fallback> </phoenix-icon-fallback></span><span class="m-icon-button--minus"> <phoenix-icon-fallback class="m-svg m-icon-button--icon" icon="ico_minus"> <phoenix-icon-fallback class="m-svg" icon="ico_minus"> <svg> <use xlink:href="/assets-global/icons/svg-sprite.svg?v=2021-10-14-202825-55bebfc-022983#ico_minus"></use> </svg> </phoenix-icon-fallback> </phoenix-icon-fallback></span></button> </phoenix-accordion-toggler> </div> <phoenix-accordion-panel id="panel-offcanvas-5" accordion-id="offcanvas-accordion" aria-labelledby="toggler-offcanvas-5" hidden> <phoenix-accordion class="m-accordion is-inverted mm-accordion-content" id="offcanvas-5-accordion"> <ul> <li> <phoenix-accordion-item class="m-accordion--item" id="offcanvas-5-0" accordion-id="offcanvas-5-accordion"> <div class="m-accordion--item-heading"> <a class="m-accordion--item-heading-link" href="//www.lordneo.com/home-theater-audio/tvs/" title="电视">电视</a> </div> </phoenix-accordion-item></li> <li> <phoenix-accordion-item class="m-accordion--item" id="offcanvas-5-1" accordion-id="offcanvas-5-accordion"> <div class="m-accordion--item-heading"> <a class="m-accordion--item-heading-link" href="//www.lordneo.com/home-theater-audio/home-theater/" title="家庭影院设备信息">家庭影院设备信息</a> </div> </phoenix-accordion-item></li> <li> <phoenix-accordion-item class="m-accordion--item" id="offcanvas-5-2" accordion-id="offcanvas-5-accordion"> <div class="m-accordion--item-heading"> <a class="m-accordion--item-heading-link" href="//www.lordneo.com/home-theater-audio/speakers/" title="演讲者">演讲者</a> </div> </phoenix-accordion-item></li> </ul> </phoenix-accordion> </phoenix-accordion-panel> </phoenix-accordion-item></li> <li> <phoenix-accordion-item class="m-accordion--item" id="offcanvas-6" accordion-id="offcanvas-accordion"> <div class="m-accordion--item-heading"> <a class="m-accordion--item-heading-link" href="//www.lordneo.com/industrial/" title="工业技术">工业技术</a> </div> </phoenix-accordion-item></li> </ul> </phoenix-accordion> <ul class="m-off-canvas--nav-secondary m-vertical-nav--menu m-vertical-nav-secondary" phx-track-id="Nav List"> <li phx-track-id="Item"><a href="https://thearenagroup.net/privacy-policy/" target="_blank" rel="noopener" title="" onclick="return phoenixTrackClickEvent(this, event);" phx-track-id="Name"><em>隐私政策</em></a></li> <li phx-track-id="Item"><a href="https://thearenagroup.net/terms-of-use/" target="_blank" rel="noopener" title="" onclick="return phoenixTrackClickEvent(this, event);" phx-track-id="Name"><em>使用条款</em></a></li> <li phx-track-id="Item"><a href="//www.lordneo.com/about-us" title="" onclick="return phoenixTrackClickEvent(this, event);" phx-track-id="Name"><em>关于我们</em></a></li> <li phx-track-id="Item"><a href="//www.lordneo.com/editorial-policy" title="" onclick="return phoenixTrackClickEvent(this, event);" phx-track-id="Name"><em>编辑政策</em></a></li> <li phx-track-id="Item"><a href="javascript:window.phxConsentManagement.displayUi()" title="" onclick="return phoenixTrackClickEvent(this, event);" phx-track-id="Name"><em>隐私设置</em></a></li> </ul> </nav> <ul class="m-off-canvas--social-links"> <li><a class="m-icon-button m-off-canvas--social-link" aria-label="facebook" href="https://www.facebook.com/TurboFuture-597297070443966" target="_blank" rel="noopener" onclick="return phoenixTrackClickEvent(this, event);"> <phoenix-icon-fallback class="m-svg m-icon-button--icon" icon="ico_facebook"> <svg> <use xlink:href="/assets-global/icons/svg-sprite.svg?v=2021-10-14-202825-55bebfc-022983#ico_facebook"></use> </svg> </phoenix-icon-fallback></a></li> <li><a class="m-icon-button m-off-canvas--social-link" aria-label="pinterest" href="https://pinterest.com/turbofuture" target="_blank" rel="noopener" onclick="return phoenixTrackClickEvent(this, event);"> <phoenix-icon-fallback class="m-svg m-icon-button--icon" icon="ico_pinterest"> <svg> <use xlink:href="/assets-global/icons/svg-sprite.svg?v=2021-10-14-202825-55bebfc-022983#ico_pinterest"></use> </svg> </phoenix-icon-fallback></a></li> </ul> </div> </div> </div> </phoenix-overlay> <phoenix-overlay class="m-overlay is-right-drawer" overlay-name="right-drawer"> <phoenix-notifier event-name="phoenix:overlay" events="click mousewheel scroll touchmove DOMMouseScroll"> <div class="m-overlay-mask"></div> </phoenix-notifier> <div class="m-overlay--content m-nav-widget"> <phoenix-notifier event-name="phoenix:overlay"> <button class="m-overlay--close m-icon-button" aria-label="Close Menu" type="button"> <phoenix-icon-fallback class="m-svg m-icon-button--icon" icon="ico_close"> <phoenix-icon-fallback class="m-svg" icon="ico_close"> <svg> <use xlink:href="/assets-global/icons/svg-sprite.svg?v=2021-10-14-202825-55bebfc-022983#ico_close"></use> </svg> </phoenix-icon-fallback> </phoenix-icon-fallback></button> </phoenix-notifier> <div class="m-nav-widget--header"> <div class="m-nav-widget--header-title"> <strong></strong> <span class="m-nav-widget--header-caption"></span> </div> <div class="m-nav-widget--header-subtitle"> 2021年10月15日</div> </div> <div class="m-nav-widget--content"></div> </div> </phoenix-overlay> <div class="m-page-wrapper is-below-header-ad"> <div class="m-ad-outofpage" id="ad-b1415a73a981403c8bde6b8c37979338"></div> <phoenix-sticky-nav class="m-site-nav l-sticky-navbar mm-site-nav--sticky-nav" persistent nav-target=".m-header--navbar"> <phoenix-notifier class="m-site-nav--icon-button m-site-nav--menu" event-name="phoenix:overlay" event-value="offcanvas"> <button class="m-off-canvas--toggle m-icon-button" aria-label="Menu" onclick="return phoenixTrackClickEvent(this, event);" phx-track-id="offcanvas"> <phoenix-icon-fallback class="m-svg m-icon-button--icon m-site-nav--menu-icon" icon="ico_hamburger_flipped"> <svg> <use xlink:href="/assets-global/icons/svg-sprite.svg?v=2021-10-14-202825-55bebfc-022983#ico_hamburger_flipped"></use> </svg> </phoenix-icon-fallback></button> </phoenix-notifier> <div class="m-site-nav--menu-items"> <a class="m-site-nav--logo" onclick="return phoenixTrackClickEvent(this, event);" phx-track-id="logo" href="//www.lordneo.com/"><img src="https://images.saymedia-content.com/.image/cs_srgb%2Cq_auto:eco/MTc0OTY1ODExNDYxNDk4ODQ4/_condensed-nav-padding-7.svg" alt="爱游戏客服中心TurboFuture回家"></a> <div class="m-site-nav--links-container"> <ul class="m-site-nav--links"> <li class="m-site-nav--link" phx-track-id="section"><a href="//www.lordneo.com/internet/" target="" onclick="return phoenixTrackClickEvent(this, event);"><span class="m-site-nav--link-text">互联网</span></a></li> <li class="m-site-nav--link" phx-track-id="section"><a href="//www.lordneo.com/computers/" target="" onclick="return phoenixTrackClickEvent(this, event);"><span class="m-site-nav--link-text">计算机</span></a></li> <li class="m-site-nav--link" phx-track-id="section"><a href="//www.lordneo.com/cell-phones/" target="" onclick="return phoenixTrackClickEvent(this, event);"><span class="m-site-nav--link-text">手机</span></a></li> <li class="m-site-nav--link" phx-track-id="section"><a href="//www.lordneo.com/consumer-electronics/" target="" onclick="return phoenixTrackClickEvent(this, event);">ios爱游戏</a></li> <li class="m-site-nav--link" phx-track-id="section"><a href="//www.lordneo.com/graphic-design-video/" target="" onclick="return phoenixTrackClickEvent(this, event);"><span class="m-site-nav--link-text">平面设计与视频编辑</span></a></li> <li class="m-site-nav--link" phx-track-id="section"><a href="//www.lordneo.com/home-theater-audio/" target="" onclick="return phoenixTrackClickEvent(this, event);"><span class="m-site-nav--link-text">家庭影院及音响</span></a></li> <li class="m-site-nav--link" phx-track-id="section"><a href="//www.lordneo.com/industrial/" target="" onclick="return phoenixTrackClickEvent(this, event);"><span class="m-site-nav--link-text">工业技术</span></a></li> </ul> </div> </div> <div class="m-site-nav--search-group"> <div class="m-header--search m-site-nav--search m-site-nav--icon-button"> <a class="m-icon-button" aria-label="Search" href="//www.lordneo.com/search" title="" onclick="return phoenixTrackClickEvent(this, event);" phx-track-id="search"> <phoenix-icon-fallback class="m-svg m-icon-button--icon" icon="ico_search"> <svg> <use xlink:href="/assets-global/icons/svg-sprite.svg?v=2021-10-14-202825-55bebfc-022983#ico_search"></use> </svg> </phoenix-icon-fallback></a> </div> </div> </phoenix-sticky-nav> <header class="m-header mm-header--standard mm-header--center mm-header--content-detail" phx-track-id="header"> <section class="m-header--container"> <ul class="m-header--social-nav"> <li class="m-header--link m-header--social-facebook" phx-track-id="social"><a aria-label="facebook" href="https://www.facebook.com/TurboFuture-597297070443966" target="_blank" rel="noopener" onclick="return phoenixTrackClickEvent(this, event);" phx-track-id="facebook-follow"> <phoenix-icon-fallback class="m-svg" icon="ico_facebook"> <svg> <use xlink:href="/assets-global/icons/svg-sprite.svg?v=2021-10-14-202825-55bebfc-022983#ico_facebook"></use> </svg> </phoenix-icon-fallback></a></li> <li class="m-header--link m-header--social-pinterest" phx-track-id="social"><a aria-label="pinterest" href="https://pinterest.com/turbofuture" target="_blank" rel="noopener" onclick="return phoenixTrackClickEvent(this, event);" phx-track-id="pinterest-follow"> <phoenix-icon-fallback class="m-svg" icon="ico_pinterest"> <svg> <use xlink:href="/assets-global/icons/svg-sprite.svg?v=2021-10-14-202825-55bebfc-022983#ico_pinterest"></use> </svg> </phoenix-icon-fallback></a></li> </ul> <div class="m-header--main"> <a class="m-header--logo" style="background-image: url("https://images.saymedia-content.com/.image/cs_srgb%2Cq_auto:eco/MTc0OTY1Nzk4MzA4MTYxNTA0/_site_logo_large-10.svg");" href="//www.lordneo.com/" aria-label="TurboFuture" phx-track-id="logo" onclick="return phoenixTrackClickEvent(this, event);"></a> <phoenix-import class="m-header--coverlines-container" src="//www.lordneo.com/.api/coverlines" phx-track-id="coverline"></phoenix-import> </div> </section> <div class="m-site-nav m-header--navbar mm-site-nav--protected mm-site-nav--condensed mm-site-nav--header-alignment-center" nav-target=".m-header--navbar"> <phoenix-notifier class="m-site-nav--icon-button m-site-nav--menu" event-name="phoenix:overlay" event-value="offcanvas"> <button class="m-off-canvas--toggle m-icon-button" aria-label="Menu" onclick="return phoenixTrackClickEvent(this, event);" phx-track-id="offcanvas"> <phoenix-icon-fallback class="m-svg m-icon-button--icon m-site-nav--menu-icon" icon="ico_hamburger_flipped"> <svg> <use xlink:href="/assets-global/icons/svg-sprite.svg?v=2021-10-14-202825-55bebfc-022983#ico_hamburger_flipped"></use> </svg> </phoenix-icon-fallback></button> </phoenix-notifier> <div class="m-site-nav--menu-items"> <a class="m-site-nav--logo" onclick="return phoenixTrackClickEvent(this, event);" phx-track-id="logo" href="//www.lordneo.com/"><img src="https://images.saymedia-content.com/.image/cs_srgb%2Cq_auto:eco/MTc0OTY1ODExNDYxNDk4ODQ4/_condensed-nav-padding-7.svg" alt="爱游戏客服中心TurboFuture回家" style="max-height:100px;"></a> <div class="m-site-nav--links-container"> <ul class="m-site-nav--links"> <li class="m-site-nav--link" phx-track-id="section"><a href="//www.lordneo.com/internet/" target="" onclick="return phoenixTrackClickEvent(this, event);"><span class="m-site-nav--link-text">互联网</span></a></li> <li class="m-site-nav--link" phx-track-id="section"><a href="//www.lordneo.com/computers/" target="" onclick="return phoenixTrackClickEvent(this, event);"><span class="m-site-nav--link-text">计算机</span></a></li> <li class="m-site-nav--link" phx-track-id="section"><a href="//www.lordneo.com/cell-phones/" target="" onclick="return phoenixTrackClickEvent(this, event);"><span class="m-site-nav--link-text">手机</span></a></li> <li class="m-site-nav--link" phx-track-id="section"><a href="//www.lordneo.com/consumer-electronics/" target="" onclick="return phoenixTrackClickEvent(this, event);">ios爱游戏</a></li> <li class="m-site-nav--link" phx-track-id="section"><a href="//www.lordneo.com/graphic-design-video/" target="" onclick="return phoenixTrackClickEvent(this, event);"><span class="m-site-nav--link-text">平面设计与视频编辑</span></a></li> <li class="m-site-nav--link" phx-track-id="section"><a href="//www.lordneo.com/home-theater-audio/" target="" onclick="return phoenixTrackClickEvent(this, event);"><span class="m-site-nav--link-text">家庭影院及音响</span></a></li> <li class="m-site-nav--link" phx-track-id="section"><a href="//www.lordneo.com/industrial/" target="" onclick="return phoenixTrackClickEvent(this, event);"><span class="m-site-nav--link-text">工业技术</span></a></li> </ul> </div> </div> <div class="m-site-nav--search-group"> <div class="m-header--search m-site-nav--search m-site-nav--icon-button"> <a class="m-icon-button" aria-label="Search" href="//www.lordneo.com/search" title="" onclick="return phoenixTrackClickEvent(this, event);" phx-track-id="search"> <phoenix-icon-fallback class="m-svg m-icon-button--icon" icon="ico_search"> <svg> <use xlink:href="/assets-global/icons/svg-sprite.svg?v=2021-10-14-202825-55bebfc-022983#ico_search"></use> </svg> </phoenix-icon-fallback></a> </div> </div> </div> </header> <div class="m-balloon-header has-legacy-nav is-below-header-ad"> <phoenix-balloon-header class="m-balloon-header--ad is-active has-legacy-nav is-below-header-ad" pop-time="3.5" block-premium="" block-on-demonetized="" block-on-gdpr-purpose-consent="storage"> <div class="m-header-ad not-size-b not-size-c not-size-d m-header-ad--balloon is-below-header-ad has-legacy-nav" data-class-rules="[]" data-ad-group="header-0"> <div class="m-header-ad--slot is-placeholder not-size-b not-size-c not-size-d"> <div id="ad-ac1dd48b26bc492f9114693992bb7bf1"></div> </div> </div> </phoenix-balloon-header> <div class="m-balloon-header--spacer not-size-b not-size-c not-size-d has-legacy-nav"></div> <phoenix-balloon-header class="m-balloon-header--ad is-active has-legacy-nav is-below-header-ad" pop-time="3.5" block-premium="" block-on-demonetized="" block-on-gdpr-purpose-consent="storage"> <div class="m-header-ad not-size-a not-size-c not-size-d m-header-ad--balloon is-below-header-ad has-legacy-nav" data-class-rules="[]" data-ad-group="header-0"> <div class="m-header-ad--slot is-placeholder not-size-a not-size-c not-size-d"> <div id="ad-e7d353e5914e4678a99120957d8e1fbd"></div> </div> </div> </phoenix-balloon-header> <div class="m-balloon-header--spacer not-size-a not-size-c not-size-d has-legacy-nav"></div> <phoenix-balloon-header class="m-balloon-header--ad is-active has-legacy-nav is-below-header-ad" pop-time="3.5" block-premium="" block-on-demonetized="" block-on-gdpr-purpose-consent="storage"> <div class="m-header-ad not-size-a not-size-b not-size-d m-header-ad--balloon is-below-header-ad has-legacy-nav" data-class-rules="[]" data-ad-group="header-0"> <div class="m-header-ad--slot is-placeholder not-size-a not-size-b not-size-d"> <div id="ad-4870871cfbfe4bd8b27eb821c19fd838"></div> </div> </div> </phoenix-balloon-header> <div class="m-balloon-header--spacer not-size-a not-size-b not-size-d has-legacy-nav"></div> <phoenix-balloon-header class="m-balloon-header--ad is-active has-legacy-nav is-below-header-ad" pop-time="3.5" block-premium="" block-on-demonetized="" block-on-gdpr-purpose-consent="storage"> <div class="m-header-ad not-size-a not-size-b not-size-c m-header-ad--balloon is-below-header-ad has-legacy-nav" data-class-rules="[]" data-ad-group="header-0"> <div class="m-header-ad--slot is-placeholder not-size-a not-size-b not-size-c"> <div id="ad-4c525f72c3df4002bb3edf6053b24bdf"></div> </div> </div> </phoenix-balloon-header> <div class="m-balloon-header--spacer not-size-a not-size-b not-size-c has-legacy-nav"></div> </div> <section class="m-page-container trackable click"></section> <div class="m-page m-detail mm-detail mm-feature" ng-class="pageClasses"> <section class="m-component-detail"> <article class="m-story mm-feature"> <div> <div class="m-detail-header mm-detail-header--image-size-full-bleed"> <div class="m-detail-header--container"> <div class="m-detail--feature-spacer"> <div class="m-detail--feature-container l-full-bleed is-video-footer-enabled"> <figure class="m-detail--feature-video"> <phoenix-video-float class="m-video-player" autoplay autoplaymuted autoplayadsmuted> <div class="m-video-player--frame-container"> <button class="m-video-player--close m-icon-button" aria-label="Close Video" type="button"> <phoenix-icon-fallback class="m-svg m-icon-button--icon" icon="ico_close"> <svg> <use xlink:href="//www.lordneo.com/assets-global/icons/svg-sprite.svg?v=2021-10-14-202825-55bebfc-022983#ico_close"></use> </svg> </phoenix-icon-fallback></button> <phoenix-video class="m-video--frame" id="video-c6255bb6fe7c42a6b0d0769aaedbf69e" analytics-config="{}" ad-config="{"maxDuration":30,"midrollBreaks":[20],"slots":[{"sizes":[{"name":"video"}],"screenSizes":null,"slotModel":{"zone":"preroll","index":0,"isOutstream":false,"deferLoad":false},"id":"ad-d52c32e9fe3648fa9467d50eefb6f84d"},{"sizes":[{"name":"video"}],"screenSizes":null,"slotModel":{"zone":"preroll","index":1,"isOutstream":false,"deferLoad":false},"id":"ad-3d7a33f5b5c840a4b406b0df855a17fd"},{"sizes":[{"name":"video"}],"screenSizes":null,"slotModel":{"zone":"preroll","index":2,"isOutstream":false,"deferLoad":false},"id":"ad-cbc5e98997f64c4b85d0ddeb2000c060"}],"unitVendorConfig":{},"units":{"A":[{"code":"ad-d52c32e9fe3648fa9467d50eefb6f84d","bids":[{"bidder":"ix","params":{"siteId":"488640","id":"www.lordneo.com_instream_0_mw","size":[940,529],"video":{"api":[1,2],"mimes":["application/javascript","video/mp4","video/webm"],"minduration":0,"maxduration":30,"protocols":[2,3,5,6]}}},{"bidder":"rubicon","params":{"accountId":"10348","floor":0.1,"siteId":"250042","zoneId":"1856988","video":{"api":[1,2],"context":"instream","linearity":1,"mimes":["application/javascript","video/mp4","video/webm"],"minduration":0,"maxduration":30,"playerSize":[940,529],"protocols":[1,2,3,4,5,6]}}},{"bidder":"appnexus","params":{"allowSmallerSizes":true,"reserve":0.25,"invCode":"www.lordneo.com_instream_0_mw","member":"8186","video":{"context":"pre_roll","frameworks":[1],"maxduration":30,"minduration":1,"playback_method":"auto_play_sound_off","skippable":false},"keywords":{"cm":"tempest","adzone":"preroll","index":0,"adzoneindex":"preroll_0","siteadzoneindex":"www.lordneo.com_preroll_0","cv":"lifestyle"}}},{"bidder":"spotx","params":{"ad_unit":"instream","channel_id":"283850","price_floor":0.1}},{"bidder":"freewheel","geographicRestrictions":{"restrictionType":"restrictTo","countries":["US"]},"params":{"zoneId":"12444881"}}],"mediaTypes":{"video":{"context":"instream","playerSize":[940,529],"api":[1,2],"linearity":1,"maxduration":30,"mimes":["application/javascript","video/mp4","video/webm"],"minduration":0,"placement":1,"protocols":[1,2,3,4,5,6],"startdelay":0}}}],"B":[{"code":"ad-d52c32e9fe3648fa9467d50eefb6f84d","bids":[{"bidder":"ix","params":{"siteId":"488640","id":"www.lordneo.com_instream_0_dt","size":[940,529],"video":{"api":[1,2],"mimes":["application/javascript","video/mp4","video/webm"],"minduration":0,"maxduration":30,"protocols":[2,3,5,6]}}},{"bidder":"rubicon","params":{"accountId":"10348","floor":0.1,"siteId":"250040","zoneId":"1856986","video":{"api":[1,2],"context":"instream","linearity":1,"mimes":["application/javascript","video/mp4","video/webm"],"minduration":0,"maxduration":30,"playerSize":[940,529],"protocols":[1,2,3,4,5,6]}}},{"bidder":"appnexus","params":{"allowSmallerSizes":true,"reserve":0.25,"invCode":"www.lordneo.com_instream_0_dt","member":"8186","video":{"context":"pre_roll","frameworks":[1],"maxduration":30,"minduration":1,"playback_method":"auto_play_sound_off","skippable":false},"keywords":{"cm":"tempest","adzone":"preroll","index":0,"adzoneindex":"preroll_0","siteadzoneindex":"www.lordneo.com_preroll_0","cv":"lifestyle"}}},{"bidder":"spotx","params":{"ad_unit":"instream","channel_id":"283850","price_floor":0.1}},{"bidder":"freewheel","geographicRestrictions":{"restrictionType":"restrictTo","countries":["US"]},"params":{"zoneId":"12444849"}}],"mediaTypes":{"video":{"context":"instream","playerSize":[940,529],"api":[1,2],"linearity":1,"maxduration":30,"mimes":["application/javascript","video/mp4","video/webm"],"minduration":0,"placement":1,"protocols":[1,2,3,4,5,6],"startdelay":0}}}],"C":[{"code":"ad-d52c32e9fe3648fa9467d50eefb6f84d","bids":[{"bidder":"ix","params":{"siteId":"488640","id":"www.lordneo.com_instream_0_dt","size":[940,529],"video":{"api":[1,2],"mimes":["application/javascript","video/mp4","video/webm"],"minduration":0,"maxduration":30,"protocols":[2,3,5,6]}}},{"bidder":"rubicon","params":{"accountId":"10348","floor":0.1,"siteId":"250040","zoneId":"1856986","video":{"api":[1,2],"context":"instream","linearity":1,"mimes":["application/javascript","video/mp4","video/webm"],"minduration":0,"maxduration":30,"playerSize":[940,529],"protocols":[1,2,3,4,5,6]}}},{"bidder":"appnexus","params":{"allowSmallerSizes":true,"reserve":0.25,"invCode":"www.lordneo.com_instream_0_dt","member":"8186","video":{"context":"pre_roll","frameworks":[1],"maxduration":30,"minduration":1,"playback_method":"auto_play_sound_off","skippable":false},"keywords":{"cm":"tempest","adzone":"preroll","index":0,"adzoneindex":"preroll_0","siteadzoneindex":"www.lordneo.com_preroll_0","cv":"lifestyle"}}},{"bidder":"spotx","params":{"ad_unit":"instream","channel_id":"283850","price_floor":0.1}},{"bidder":"freewheel","geographicRestrictions":{"restrictionType":"restrictTo","countries":["US"]},"params":{"zoneId":"12444849"}}],"mediaTypes":{"video":{"context":"instream","playerSize":[940,529],"api":[1,2],"linearity":1,"maxduration":30,"mimes":["application/javascript","video/mp4","video/webm"],"minduration":0,"placement":1,"protocols":[1,2,3,4,5,6],"startdelay":0}}}],"D":[{"code":"ad-d52c32e9fe3648fa9467d50eefb6f84d","bids":[{"bidder":"ix","params":{"siteId":"488640","id":"www.lordneo.com_instream_0_dt","size":[940,529],"video":{"api":[1,2],"mimes":["application/javascript","video/mp4","video/webm"],"minduration":0,"maxduration":30,"protocols":[2,3,5,6]}}},{"bidder":"rubicon","params":{"accountId":"10348","floor":0.1,"siteId":"250040","zoneId":"1856986","video":{"api":[1,2],"context":"instream","linearity":1,"mimes":["application/javascript","video/mp4","video/webm"],"minduration":0,"maxduration":30,"playerSize":[940,529],"protocols":[1,2,3,4,5,6]}}},{"bidder":"appnexus","params":{"allowSmallerSizes":true,"reserve":0.25,"invCode":"www.lordneo.com_instream_0_dt","member":"8186","video":{"context":"pre_roll","frameworks":[1],"maxduration":30,"minduration":1,"playback_method":"auto_play_sound_off","skippable":false},"keywords":{"cm":"tempest","adzone":"preroll","index":0,"adzoneindex":"preroll_0","siteadzoneindex":"www.lordneo.com_preroll_0","cv":"lifestyle"}}},{"bidder":"spotx","params":{"ad_unit":"instream","channel_id":"283850","price_floor":0.1}},{"bidder":"freewheel","geographicRestrictions":{"restrictionType":"restrictTo","countries":["US"]},"params":{"zoneId":"12444849"}}],"mediaTypes":{"video":{"context":"instream","playerSize":[940,529],"api":[1,2],"linearity":1,"maxduration":30,"mimes":["application/javascript","video/mp4","video/webm"],"minduration":0,"placement":1,"protocols":[1,2,3,4,5,6],"startdelay":0}}}]}}" library-id="7fhxydpZ" video-id="KHXncAzq" vpaid autopause autoplay autoplaymuted autoplayadsmuted floating show-footer dismiss-after-timeout="0"> <div class="m-video-player--footer-float"> <div class="m-video-player--footer-container"> <div class="m-video-player--footer-meta"> <a class="m-video-player--footer-link">爱游戏网页版欢迎来到T爱游戏客服中心urboFuture !</a> </div> <div class="m-video-player--buttons"> <button class="m-video-player--unmute m-icon-button is-active-button"> <phoenix-icon-fallback class="m-svg m-icon-button--icon" icon="ico_muted"> <phoenix-icon-fallback class="m-svg" icon="ico_muted"> <svg> <use xlink:href="/assets-global/icons/svg-sprite.svg?v=2021-10-14-202825-55bebfc-022983#ico_muted"></use> </svg> </phoenix-icon-fallback> </phoenix-icon-fallback></button> <button class="m-video-player--mute m-icon-button"> <phoenix-icon-fallback class="m-svg m-icon-button--icon" icon="ico_unmuted"> <phoenix-icon-fallback class="m-svg" icon="ico_unmuted"> <svg> <use xlink:href="/assets-global/icons/svg-sprite.svg?v=2021-10-14-202825-55bebfc-022983#ico_unmuted"></use> </svg> </phoenix-icon-fallback> </phoenix-icon-fallback></button> </div> </div> </div> </phoenix-video> </div> </phoenix-video-float> </figure> <div class="m-video-player--footer video-c6255bb6fe7c42a6b0d0769aaedbf69e-footer"> <div class="m-video-player--footer-container"> <div class="m-video-player--footer-meta"> <a class="m-video-player--footer-link">爱游戏网页版欢迎来到T爱游戏客服中心urboFuture !</a> </div> <div class="m-video-player--buttons"> <button class="m-video-player--unmute m-icon-button is-active-button"> <phoenix-icon-fallback class="m-svg m-icon-button--icon" icon="ico_muted"> <phoenix-icon-fallback class="m-svg" icon="ico_muted"> <svg> <use xlink:href="//www.lordneo.com/assets-global/icons/svg-sprite.svg?v=2021-10-14-202825-55bebfc-022983#ico_muted"></use> </svg> </phoenix-icon-fallback> </phoenix-icon-fallback></button> <button class="m-video-player--mute m-icon-button"> <phoenix-icon-fallback class="m-svg m-icon-button--icon" icon="ico_unmuted"> <phoenix-icon-fallback class="m-svg" icon="ico_unmuted"> <svg> <use xlink:href="/assets-global/icons/svg-sprite.svg?v=2021-10-14-202825-55bebfc-022983#ico_unmuted"></use> </svg> </phoenix-icon-fallback> </phoenix-icon-fallback></button> </div> </div> </div> </div> </div> </div> </div> <div class="m-detail--contents l-content-well"> <section class="l-grid lm-grid--detail lm-grid--with-right-rail"> <div class="l-grid--content-body"> <header class="m-detail-header mm-detail-header--content-position-below mm-detail-header--in-content-well"> <div class="m-detail-header--container"> <div class="m-detail-header--content"> <div class="m-description--term"> 更新日期:</div> <div class="m-detail-header--date m-detail-header--publication-date m-detail-header--meta-item m-description--details"> <phoenix-timeago> <time datetime="2021-01-14T15:26:31-05:00" title="Jan 14, 2021">2021年1月14日,</time> </phoenix-timeago> </div> <h1 class="m-detail-header--title">HTML5教程:用花哨的颜色、渐变和效果在画布上绘制文本</h1> <div class="m-detail-header--meta"> <div class="m-description--list"> <div class="m-description--term"> 作者:</div> <div class="m-description--details m-detail-header--meta-item"> <a class="m-detail-header--meta-author" href="//www.lordneo.com/@simeonvisser" onclick="return phoenixTrackClickEvent(this, event);" phx-track-id="Author Name" rel="author">西蒙维瑟</a> </div> </div> </div> </div> </div> </header> <section class="m-social mm-social--below-header"> <ul> <li class="m-social--facebook"><a class="m-icon-button m-social--button" aria-label="facebook" rel="noopener" onclick="window.open('https://www.facebook.com/sharer.php?u=https%3A%2F%2Fwww.lordneo.com%2Fgraphic-design-video%2FHTML5-Tutorial-Text-Drawing-with-Fancy-Colors-and-Effects', 'socialSharefacebook', 'width=500,height=500', 'noopener');return phoenixTrackClickEvent(this, event);" phx-track-id="Link facebook" phoenix-adobe-tracker="{"linkName":"Social Share","trackId":"Facebook","trackVars":"eVar13,eVar63,events"}"> <phoenix-icon-fallback class="m-svg m-icon-button--icon" icon="ico_facebook"> <svg> <use xlink:href="//www.lordneo.com/assets-global/icons/svg-sprite.svg?v=2021-10-14-202825-55bebfc-022983#ico_facebook"></use> </svg> </phoenix-icon-fallback></a></li> <li class="m-social--twitter"><a class="m-icon-button m-social--button" aria-label="twitter" rel="noopener" onclick="window.open('https://twitter.com/intent/tweet?url=https%3A%2F%2Fwww.lordneo.com%2Fgraphic-design-video%2FHTML5-Tutorial-Text-Drawing-with-Fancy-Colors-and-Effects&text=HTML5%20Tutorial%3A%20Draw%20Text%20on%20Canvas%20With%20Fancy%20Colors%2C%20Gradients%2C%20and%20Effects', 'socialSharetwitter', 'width=500,height=500', 'noopener');return phoenixTrackClickEvent(this, event);" phx-track-id="Link twitter" phoenix-adobe-tracker="{"linkName":"Social Share","trackId":"Twitter","trackVars":"eVar13,eVar63,events"}"> <phoenix-icon-fallback class="m-svg m-icon-button--icon" icon="ico_twitter"> <svg> <use xlink:href="//www.lordneo.com/assets-global/icons/svg-sprite.svg?v=2021-10-14-202825-55bebfc-022983#ico_twitter"></use> </svg> </phoenix-icon-fallback></a></li> <li class="m-social--pinterest"><a class="m-icon-button m-social--button" aria-label="pinterest" rel="noopener" onclick="window.open('http://pinterest.com/pin/create/button/?url=https%3A%2F%2Fwww.lordneo.com%2Fgraphic-design-video%2FHTML5-Tutorial-Text-Drawing-with-Fancy-Colors-and-Effects&media=https%3A%2F%2Fimages.saymedia-content.com%2F.image%2Ft_share%2FMTc1MDA1MTc4NTk0ODYzMDcy%2F_favicon-512-11.svg&description=HTML5%20Tutorial%3A%20Draw%20Text%20on%20Canvas%20With%20Fancy%20Colors%2C%20Gradients%2C%20and%20Effects.%20You%20can%20do%20much%20more%20than%20just%20drawing%20text%20in%20HTML5!%20This%20tutorial%20covers%20how%20to%20use%20various%20effects%20(e.g.%2C%20shadows%2C%20gradients%2C%20and%20rotation)%20to%20make%20some%20fancy%20texts.', 'socialSharepinterest', 'width=500,height=500', 'noopener');return phoenixTrackClickEvent(this, event);" phx-track-id="Link pinterest" phoenix-adobe-tracker="{"linkName":"Social Share","trackId":"Pinterest","trackVars":"eVar13,eVar63,events"}"> <phoenix-icon-fallback class="m-svg m-icon-button--icon" icon="ico_pinterest"> <svg> <use xlink:href="//www.lordneo.com/assets-global/icons/svg-sprite.svg?v=2021-10-14-202825-55bebfc-022983#ico_pinterest"></use> </svg> </phoenix-icon-fallback></a></li> </ul> </section> <div class="m-detail--sponsor"></div> <div class="m-detail--body">  <p><em>Simeon Visser是一位喜欢报道科技和旅游等话题的作家。</em></p> <aside class="m-in-content-ad-row l-inline not-size-b not-size-c not-size-d"> <div class="m-header-ad not-size-b not-size-c not-size-d" data-class-rules="[]" data-ad-group="header-0"> <div class="m-header-ad--slot is-placeholder not-size-b not-size-c not-size-d"> <div id="ad-742cb936deb448ba9c02ece161e673d7"></div> </div> </div> </aside> <p>在本教程中，我将介绍在HTML5画布上绘制文本时可以使用的各种效果。其中一些效果将提醒您Microsoft Word中著名的艺术字效果！本教程以<a href="//www.lordneo.com/graphic-design-video/HTML5-Tutorial-Basics-of-Canvas-Drawing">关于在HTML5画布上绘制的基础知识的另一篇教程</a>．前一篇文章解释了HTML5代码的含义，并涵盖了HTML5画布的其他基础内容，如它的坐标系统。</p> <p>在HTML5中，你可以通过添加阴影、彩色渐变和旋转文本来给文本添加一个奇特的外观。我们将练习每一个效果，如果你把它们结合起来，它会看起来很漂亮。</p> <aside class="m-in-content-ad-row l-inline not-size-b not-size-c not-size-d"> <div class="m-in-content-ad not-size-b not-size-c not-size-d" data-class-rules="[{"sizes":["0x0"],"classes":["m-advertisement--fluid-card"]}]" data-ad-group="in_content-0"> <div class="m-in-content-ad--slot is-placeholder not-size-b not-size-c not-size-d"> <div id="ad-4788017009544f8aa073e8c2129214ec"></div> </div> </div> </aside> <p>让我们从一个基本的空HTML5网页开始:</p> <figure class="m-code-block"> <pre><code data-language="html"><span class="m-code-block--line"><span><span class="m-code-block--meta"><！DOCTYPE<span class="m-code-block--meta-keyword">超文本标记语言</span>></span></span></span><span class="m-code-block--line"><span><span class="m-code-block--tag"><<span class="m-code-block--name">超文本标记语言</span>></span></span></span><span class="m-code-block--line"><span><span class="m-code-block--tag"><<span class="m-code-block--name">头</span>></span></span></span><span class="m-code-block--line"><span><span class="m-code-block--tag"><<span class="m-code-block--name">元</span><span class="m-code-block--attr">http等价</span>=<span class="m-code-block--string">“内容类型”</span><span class="m-code-block--attr">所容纳之物</span>=<span class="m-code-block--string">“text/html；字符集=UTF-8”</span>></span></span></span><span class="m-code-block--line"><span><span class="m-code-block--tag"><<span class="m-code-block--name">标题</span>></span>HTML5教程:文字绘制与花哨的颜色和效果<span class="m-code-block--tag"></<span class="m-code-block--name">标题</span>></span></span></span><span class="m-code-block--line"><span><span class="m-code-block--tag"></<span class="m-code-block--name">头</span>></span></span></span><span class="m-code-block--line"><span><span class="m-code-block--tag"><<span class="m-code-block--name">身体</span>></span></span></span><span class="m-code-block--line"><span><span class="m-code-block--tag"><<span class="m-code-block--name">帆布</span><span class="m-code-block--attr">id</span>=<span class="m-code-block--string">“mycanvas”</span><span class="m-code-block--attr">宽度</span>=<span class="m-code-block--string">“300”</span><span class="m-code-block--attr">身高</span>=<span class="m-code-block--string">“300”</span>></span><span class="m-code-block--tag"></<span class="m-code-block--name">帆布</span>></span></span></span><span class="m-code-block--line"><span><span class="m-code-block--tag"><<span class="m-code-block--name">脚本</span><span class="m-code-block--attr">类型</span>=<span class="m-code-block--string">“text / javascript”</span>></span><span class="javascript"></span></span></span><span class="m-code-block--line"><span><span class="m-code-block--tag"><span class="m-code-block--keyword">var</span>帆布=<span class="m-code-block--built_in">文件</span>.getElementById (<span class="m-code-block--string">“我的画布”</span>)；</span></span></span><span class="m-code-block--line"><span><span class="m-code-block--tag"><span class="m-code-block--keyword">var</span>ctx = canvas.getContext (<span class="m-code-block--string">“2d”</span>)；</span></span></span><span class="m-code-block--line"><span><span class="m-code-block--tag"></span><span class="m-code-block--tag"></<span class="m-code-block--name">脚本</span>></span></span></span><span class="m-code-block--line"><span><span class="m-code-block--tag"></<span class="m-code-block--name">身体</span>></span></span></span><span class="m-code-block--line"><span><span class="m-code-block--tag"></<span class="m-code-block--name">超文本标记语言</span>></span></span></span></code></pre> </figure> <div class="m-detail--body-item m-detail--body-item-inline"> <figure class="l-inline tml-image m-detail--tml-image--inline" itemscope itemtype="http://schema.org/ImageObject"> <phoenix-picture> <a> <picture class="is-waiting-to-load"> <source type="image/webp" sizes="(min-width: 220px) 220px, calc(100vw - 40px)" data-srcset="https://images.saymedia-content.com/.image/c_limit%2Ccs_srgb%2Cq_auto:eco%2Cw_220/MTc1MDEzODQ5MDYwNTUwMzc2/html5-tutorial-text-drawing-with-fancy-colors-and-effects.webp 220w"> <source sizes="(min-width: 220px) 220px, calc(100vw - 40px)" data-srcset="https://images.saymedia-content.com/.image/c_limit%2Ccs_srgb%2Cq_auto:eco%2Cw_220/MTc1MDEzODQ5MDYwNTUwMzc2/html5-tutorial-text-drawing-with-fancy-colors-and-effects.png 220w"> <img class="m-detail--tml-image m-image" alt="这是本教程的最终结果" decoding="async" src="https://images.saymedia-content.com/.image/t_share/MTc1MDEzODQ5MDYwNTUwMzc2/html5-tutorial-text-drawing-with-fancy-colors-and-effects.png" data-src="https://images.saymedia-content.com/.image/c_limit%2Ccs_srgb%2Cq_auto:eco%2Cw_700/MTc1MDEzODQ5MDYwNTUwMzc2/html5-tutorial-text-drawing-with-fancy-colors-and-effects.png" height="100" width="220" srcset="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" itemprop="contentUrl url"> </picture></a> <div class="m-detail--tml-image-wrapper" style="max-width:220px; min-width:0px;"> <div class="m-detail--tml-image-container" style="padding-top: 46%"> <button class="m-social--pinterest-pin-it" onclick="javascript:window.open('https://www.pinterest.com/pin/create/button/?url=https%3A%2F%2Fwww.lordneo.com%2Fgraphic-design-video%2FHTML5-Tutorial-Text-Drawing-with-Fancy-Colors-and-Effects&media=https%3A%2F%2Fimages.saymedia-content.com%2F.image%2Ft_share%2FMTc1MDEzODQ5MDYwNTUwMzc2%2Fhtml5-tutorial-text-drawing-with-fancy-colors-and-effects.png','pin'+new Date().getTime(),'status=no,resizable=yes,scrollbars=yes,personalbar=no,directories=no,location=no,toolbar=no,menubar=no,width=632,height=270,left=0,top=0');"> <phoenix-icon-fallback class="m-svg" icon="pinterest-pin-it"> <svg> <use xlink:href="//www.lordneo.com/assets-global/icons/svg-sprite.svg?v=2021-10-14-202825-55bebfc-022983#pinterest-pin-it"></use> </svg> </phoenix-icon-fallback></button> </div> </div> </phoenix-picture> <figcaption> <p class="tml-image--caption" itemprop="caption">这是本教程的最终结果</p> </figcaption> </figure> </div> <h2 id="basics-of-text-drawing-in-html5">HTML5文本绘制的基础知识</h2> <p>您可以使用strokeText或fillText在画布上的特定位置绘制文本。与绘制形状一样，strokeText只绘制文本的轮廓，fillText也为文本的内部着色。这些命令有三个参数:文本本身、绘制文本的x坐标和y坐标。对于初学者来说，坐标大致是包围文本主要部分的框的左下角。您可以将它看作是绘制文本字符所在行的起始点。讨论这个问题本身就是一个主题，超出了本教程的范围。</p> <aside class="m-in-content-ad-row l-inline not-size-a not-size-b not-size-c"> <div class="m-in-content-ad not-size-a not-size-b not-size-c" data-class-rules="[{"sizes":["728x90"],"classes":["is-728x90"]},{"sizes":["0x0"],"classes":["m-advertisement--fluid-card"]}]" data-ad-group="in_content-0"> <div class="m-in-content-ad--slot is-placeholder not-size-a not-size-b not-size-c"> <div id="ad-a7fed37dcb5e44d0b3e5fb9bfea50c63"></div> </div> </div> </aside> <aside class="m-in-content-ad-row l-inline not-size-a not-size-b not-size-d"> <div class="m-in-content-ad not-size-a not-size-b not-size-d" data-class-rules="[{"sizes":["728x90"],"classes":["is-728x90"]},{"sizes":["0x0"],"classes":["m-advertisement--fluid-card"]}]" data-ad-group="in_content-0"> <div class="m-in-content-ad--slot is-placeholder not-size-a not-size-b not-size-d"> <div id="ad-727941a797334d62b9141d8166d9e746"></div> </div> </div> </aside> <aside class="m-in-content-ad-row l-inline not-size-a not-size-c not-size-d"> <div class="m-in-content-ad not-size-a not-size-c not-size-d" data-class-rules="[{"sizes":["728x90"],"classes":["is-728x90"]},{"sizes":["970x90"],"classes":["is-970x90"]},{"sizes":["0x0"],"classes":["m-advertisement--fluid-card"]}]" data-ad-group="in_content-0"> <div class="m-in-content-ad--slot is-placeholder not-size-a not-size-c not-size-d"> <div id="ad-21ffaa9588f440238cd83f3f850678e1"></div> </div> </div> </aside> <aside class="m-in-content-ad-row l-inline not-size-b not-size-c not-size-d"> <div class="m-in-content-ad not-size-b not-size-c not-size-d" data-class-rules="[{"sizes":["0x0"],"classes":["m-advertisement--fluid-card"]}]" data-ad-group="in_content-1"> <div class="m-in-content-ad--slot is-placeholder not-size-b not-size-c not-size-d"> <div id="ad-d36250c4314a484fbe55b276eed19d50"></div> </div> </div> </aside> <p>我们可以使用上下文的字体属性指定字体：</p> <figure class="m-code-block"> <pre><code data-language="javascript"><span class="m-code-block--line"><span>ctx。字体=<span class="m-code-block--string">“粗体36px无衬线”</span>;</span></span></code></pre> </figure> <p>这是用来绘制文本的字体的文字描述。你可以指定样式(粗体/斜体)，大小(36px)和字体或字体族的名称(在本例中是无衬线字体族)。您可以通过名称指定字体(如Arial)，但您也可以指定字体族，即一组字体。显示网页的计算机决定了它将从那个字体家族中选择哪一种。用户可以在网页浏览器的设置中更改字体。<br></p> <p>例如，无衬线字体代表了一组无衬线字体。试着把它改成衬线字体或单行字体，看看你会得到什么字体!<br></p> <figure class="m-code-block"> <pre><code data-language="javascript"><span class="m-code-block--line"><span>ctx。字体=<span class="m-code-block--string">“粗体36px无衬线”</span>;</span></span><span class="m-code-block--line"><span>ctx.fillText (<span class="m-code-block--string">“HubPages”</span>,<span class="m-code-block--number">10</span>,<span class="m-code-block--number">One hundred.</span>)；</span></span></code></pre> </figure> <div class="m-detail--body-item m-detail--body-item-inline"> <figure class="l-inline tml-image m-detail--tml-image--inline" itemscope itemtype="http://schema.org/ImageObject"> <phoenix-picture> <a> <picture class="is-waiting-to-load"> <source type="image/webp" sizes="(min-width: 210px) 210px, calc(100vw - 40px)" data-srcset="https://images.saymedia-content.com/.image/c_limit%2Ccs_srgb%2Cq_auto:eco%2Cw_210/MTc1MDEzODQ5MDYwNjE1OTEy/html5-tutorial-text-drawing-with-fancy-colors-and-effects.webp 210w"> <source sizes="(min-width: 210px) 210px, calc(100vw - 40px)" data-srcset="https://images.saymedia-content.com/.image/c_limit%2Ccs_srgb%2Cq_auto:eco%2Cw_210/MTc1MDEzODQ5MDYwNjE1OTEy/html5-tutorial-text-drawing-with-fancy-colors-and-effects.png 210w"> <img class="m-detail--tml-image m-image" alt="html5教程使用花式颜色和效果绘制文本" decoding="async" src="https://images.saymedia-content.com/.image/t_share/MTc1MDEzODQ5MDYwNjE1OTEy/html5-tutorial-text-drawing-with-fancy-colors-and-effects.png" data-src="https://images.saymedia-content.com/.image/c_limit%2Ccs_srgb%2Cq_auto:eco%2Cw_700/MTc1MDEzODQ5MDYwNjE1OTEy/html5-tutorial-text-drawing-with-fancy-colors-and-effects.png" height="60" width="210" srcset="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" itemprop="contentUrl url"> </picture></a> <div class="m-detail--tml-image-wrapper" style="max-width:210px; min-width:0px;"> <div class="m-detail--tml-image-container" style="padding-top: 29%"> <button class="m-social--pinterest-pin-it" onclick="javascript:window.open('https://www.pinterest.com/pin/create/button/?url=https%3A%2F%2Fwww.lordneo.com%2Fgraphic-design-video%2FHTML5-Tutorial-Text-Drawing-with-Fancy-Colors-and-Effects&media=https%3A%2F%2Fimages.saymedia-content.com%2F.image%2Ft_share%2FMTc1MDEzODQ5MDYwNjE1OTEy%2Fhtml5-tutorial-text-drawing-with-fancy-colors-and-effects.png','pin'+new Date().getTime(),'status=no,resizable=yes,scrollbars=yes,personalbar=no,directories=no,location=no,toolbar=no,menubar=no,width=632,height=270,left=0,top=0');"> <phoenix-icon-fallback class="m-svg" icon="pinterest-pin-it"> <svg> <use xlink:href="/assets-global/icons/svg-sprite.svg?v=2021-10-14-202825-55bebfc-022983#pinterest-pin-it"></use> </svg> </phoenix-icon-fallback></button> </div> </div> </phoenix-picture> <figcaption></figcaption> </figure> </div> <p>上面指定了字体，并在位置(10,100)填充了文本“HubPages”。很好，现在我们有一些文本在那里，但它还没有什么花哨的:它只是黑色的文本!像其他形状一样，你可以改变fillStyle来改变文本的颜色。把下面的行放在fillText命令之前会给你红色的文本:<br></p> <aside class="m-in-content-ad-row l-inline not-size-a not-size-b not-size-c"> <div class="m-in-content-ad not-size-a not-size-b not-size-c" data-class-rules="[{"sizes":["728x90"],"classes":["is-728x90"]},{"sizes":["0x0"],"classes":["m-advertisement--fluid-card"]}]" data-ad-group="in_content-1"> <div class="m-in-content-ad--slot is-placeholder not-size-a not-size-b not-size-c"> <div id="ad-0bb4b28a6d974b07b9f5849a932c19e9"></div> </div> </div> </aside> <aside class="m-in-content-ad-row l-inline not-size-a not-size-b not-size-d"> <div class="m-in-content-ad not-size-a not-size-b not-size-d" data-class-rules="[{"sizes":["728x90"],"classes":["is-728x90"]},{"sizes":["0x0"],"classes":["m-advertisement--fluid-card"]}]" data-ad-group="in_content-1"> <div class="m-in-content-ad--slot is-placeholder not-size-a not-size-b not-size-d"> <div id="ad-45c258232fd545d7ac954e40cadffa25"></div> </div> </div> </aside> <aside class="m-in-content-ad-row l-inline not-size-a not-size-c not-size-d"> <div class="m-in-content-ad not-size-a not-size-c not-size-d" data-class-rules="[{"sizes":["728x90"],"classes":["is-728x90"]},{"sizes":["970x90"],"classes":["is-970x90"]},{"sizes":["0x0"],"classes":["m-advertisement--fluid-card"]}]" data-ad-group="in_content-1"> <div class="m-in-content-ad--slot is-placeholder not-size-a not-size-c not-size-d"> <div id="ad-dca0ad0c68d5422b92f5ef84b5c95384"></div> </div> </div> </aside> <aside class="m-in-content-ad-row l-inline not-size-b not-size-c not-size-d"> <div class="m-in-content-ad not-size-b not-size-c not-size-d" data-class-rules="[{"sizes":["0x0"],"classes":["m-advertisement--fluid-card"]}]" data-ad-group="in_content-2"> <div class="m-in-content-ad--slot is-placeholder not-size-b not-size-c not-size-d"> <div id="ad-ac8da49b4dde42ddb7c892d98ca5002e"></div> </div> </div> </aside> <figure class="m-code-block"> <pre><code data-language="javascript"><span class="m-code-block--line"><span>ctx。fillStyle =<span class="m-code-block--string">rgb（255，0，0）</span>;</span></span></code></pre> </figure> <h2 id="drawing-text-with-shadow-on-html5-canvas">在HTML5画布上绘制带阴影的文本</h2> <p>添加阴影是一种使文本看起来更漂亮的简单方法。您需要指定阴影的颜色，并需要指示阴影相对于文本的位置（或任何其他形状，因为以下内容适用于在HTML5画布上绘制的任何图形）。</p> <p>修改你的代码，让它看起来像这样:</p> <figure class="m-code-block"> <pre><code data-language="javascript"><span class="m-code-block--line"><span>ctx。字体=<span class="m-code-block--string">“粗体36px无衬线”</span>;</span></span><span class="m-code-block--line"><span>ctx。shadowColor =<span class="m-code-block--string">“rgb(190、190、190)”</span>;</span></span><span class="m-code-block--line"><span>ctx.shadowOffsetX=<span class="m-code-block--number">10</span>;</span></span><span class="m-code-block--line"><span>ctx.shadowOffsetY=<span class="m-code-block--number">10</span>;</span></span><span class="m-code-block--line"><span>ctx。fillStyle =<span class="m-code-block--string">rgb（255，0，0）</span>;</span></span><span class="m-code-block--line"><span>ctx.fillText (<span class="m-code-block--string">“HubPages”</span>,<span class="m-code-block--number">10</span>,<span class="m-code-block--number">One hundred.</span>)；</span></span></code></pre> </figure> <div class="m-detail--body-item m-detail--body-item-inline"> <figure class="l-inline tml-image m-detail--tml-image--inline" itemscope itemtype="http://schema.org/ImageObject"> <phoenix-picture> <a> <picture class="is-waiting-to-load"> <source type="image/webp" sizes="(min-width: 230px) 230px, calc(100vw - 40px)" data-srcset="https://images.saymedia-content.com/.image/c_limit%2Ccs_srgb%2Cq_auto:eco%2Cw_230/MTc1MDEzODQ5MDYwNDg0ODQw/html5-tutorial-text-drawing-with-fancy-colors-and-effects.webp 230w"> <source sizes="(min-width: 230px) 230px, calc(100vw - 40px)" data-srcset="https://images.saymedia-content.com/.image/c_limit%2Ccs_srgb%2Cq_auto:eco%2Cw_230/MTc1MDEzODQ5MDYwNDg0ODQw/html5-tutorial-text-drawing-with-fancy-colors-and-effects.png 230w"> <img class="m-detail--tml-image m-image" alt="html5教程使用花式颜色和效果绘制文本" decoding="async" src="https://images.saymedia-content.com/.image/t_share/MTc1MDEzODQ5MDYwNDg0ODQw/html5-tutorial-text-drawing-with-fancy-colors-and-effects.png" data-src="https://images.saymedia-content.com/.image/c_limit%2Ccs_srgb%2Cq_auto:eco%2Cw_700/MTc1MDEzODQ5MDYwNDg0ODQw/html5-tutorial-text-drawing-with-fancy-colors-and-effects.png" height="60" width="230" srcset="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" itemprop="contentUrl url"> </picture></a> <div class="m-detail--tml-image-wrapper" style="max-width:230px; min-width:0px;"> <div class="m-detail--tml-image-container" style="padding-top: 27%"> <button class="m-social--pinterest-pin-it" onclick="javascript:window.open('https://www.pinterest.com/pin/create/button/?url=https%3A%2F%2Fwww.lordneo.com%2Fgraphic-design-video%2FHTML5-Tutorial-Text-Drawing-with-Fancy-Colors-and-Effects&media=https%3A%2F%2Fimages.saymedia-content.com%2F.image%2Ft_share%2FMTc1MDEzODQ5MDYwNDg0ODQw%2Fhtml5-tutorial-text-drawing-with-fancy-colors-and-effects.png','pin'+new Date().getTime(),'status=no,resizable=yes,scrollbars=yes,personalbar=no,directories=no,location=no,toolbar=no,menubar=no,width=632,height=270,left=0,top=0');"> <phoenix-icon-fallback class="m-svg" icon="pinterest-pin-it"> <svg> <use xlink:href="//www.lordneo.com/assets-global/icons/svg-sprite.svg?v=2021-10-14-202825-55bebfc-022983#pinterest-pin-it"></use> </svg> </phoenix-icon-fallback></button> </div> </div> </phoenix-picture> <figcaption></figcaption> </figure> </div> <p>如你所见，我们有shadowColor, shadowOffsetX和shadowOffsetY。阴影颜色是灰色的，但你也可以使用不同的颜色。shadowOffsetX和shadowOffsetY将阴影从文本下方移开。如果你让它们都保持在0，光就会从上面射来，你就看不到阴影了。这些偏移值(x和y的值都是10)意味着阴影沿着两个坐标轴(不一定是像素)向右和向下移动了10步。</p> <p>但是，等等！阴影非常锐利-这不是很真实，因为阴影往往更模糊。幸运的是，我们可以通过给shadowBlur一个值来轻松改变这一点。该值越高，阴影将越模糊。<br></p> <aside class="m-in-content-ad-row l-inline not-size-b not-size-c not-size-d"> <div class="m-in-content-ad not-size-b not-size-c not-size-d" data-class-rules="[{"sizes":["0x0"],"classes":["m-advertisement--fluid-card"]}]" data-ad-group="in_content-3"> <div class="m-in-content-ad--slot is-placeholder not-size-b not-size-c not-size-d"> <div id="ad-7068558e99ca4283bf5f9b73210a5349"></div> </div> </div> </aside> <figure class="m-code-block"> <pre><code data-language="javascript"><span class="m-code-block--line"><span>ctx。字体=<span class="m-code-block--string">“粗体36px无衬线”</span>;</span></span><span class="m-code-block--line"><span>ctx。shadowColor =<span class="m-code-block--string">“rgb(190、190、190)”</span>;</span></span><span class="m-code-block--line"><span>ctx.shadowOffsetX=<span class="m-code-block--number">10</span>;</span></span><span class="m-code-block--line"><span>ctx.shadowOffsetY=<span class="m-code-block--number">10</span>;</span></span><span class="m-code-block--line"><span>ctx。shadowBlur =<span class="m-code-block--number">10</span>;</span></span><span class="m-code-block--line"><span>ctx。fillStyle =<span class="m-code-block--string">rgb（255，0，0）</span>;</span></span><span class="m-code-block--line"><span>ctx.fillText (<span class="m-code-block--string">“HubPages”</span>,<span class="m-code-block--number">10</span>,<span class="m-code-block--number">One hundred.</span>)；</span></span></code></pre> </figure> <div class="m-detail--body-item m-detail--body-item-inline"> <figure class="l-inline tml-image m-detail--tml-image--inline" itemscope itemtype="http://schema.org/ImageObject"> <phoenix-picture> <a> <picture class="is-waiting-to-load"> <source type="image/webp" sizes="(min-width: 230px) 230px, calc(100vw - 40px)" data-srcset="https://images.saymedia-content.com/.image/c_limit%2Ccs_srgb%2Cq_auto:eco%2Cw_230/MTc1MDEzODQ5MDYwNjgxNDQ4/html5-tutorial-text-drawing-with-fancy-colors-and-effects.webp 230w"> <source sizes="(min-width: 230px) 230px, calc(100vw - 40px)" data-srcset="https://images.saymedia-content.com/.image/c_limit%2Ccs_srgb%2Cq_auto:eco%2Cw_230/MTc1MDEzODQ5MDYwNjgxNDQ4/html5-tutorial-text-drawing-with-fancy-colors-and-effects.png 230w"> <img class="m-detail--tml-image m-image" alt="html5教程使用花式颜色和效果绘制文本" decoding="async" src="https://images.saymedia-content.com/.image/t_share/MTc1MDEzODQ5MDYwNjgxNDQ4/html5-tutorial-text-drawing-with-fancy-colors-and-effects.png" data-src="https://images.saymedia-content.com/.image/c_limit%2Ccs_srgb%2Cq_auto:eco%2Cw_700/MTc1MDEzODQ5MDYwNjgxNDQ4/html5-tutorial-text-drawing-with-fancy-colors-and-effects.png" height="60" width="230" srcset="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" itemprop="contentUrl url"> </picture></a> <div class="m-detail--tml-image-wrapper" style="max-width:230px; min-width:0px;"> <div class="m-detail--tml-image-container" style="padding-top: 27%"> <button class="m-social--pinterest-pin-it" onclick="javascript:window.open('https://www.pinterest.com/pin/create/button/?url=https%3A%2F%2Fwww.lordneo.com%2Fgraphic-design-video%2FHTML5-Tutorial-Text-Drawing-with-Fancy-Colors-and-Effects&media=https%3A%2F%2Fimages.saymedia-content.com%2F.image%2Ft_share%2FMTc1MDEzODQ5MDYwNjgxNDQ4%2Fhtml5-tutorial-text-drawing-with-fancy-colors-and-effects.png','pin'+new Date().getTime(),'status=no,resizable=yes,scrollbars=yes,personalbar=no,directories=no,location=no,toolbar=no,menubar=no,width=632,height=270,left=0,top=0');"> <phoenix-icon-fallback class="m-svg" icon="pinterest-pin-it"> <svg> <use xlink:href="/assets-global/icons/svg-sprite.svg?v=2021-10-14-202825-55bebfc-022983#pinterest-pin-it"></use> </svg> </phoenix-icon-fallback></button> </div> </div> </phoenix-picture> <figcaption></figcaption> </figure> </div> <aside class="m-in-content-ad-row l-inline not-size-a not-size-b not-size-c"> <div class="m-in-content-ad not-size-a not-size-b not-size-c" data-class-rules="[{"sizes":["728x90"],"classes":["is-728x90"]},{"sizes":["0x0"],"classes":["m-advertisement--fluid-card"]}]" data-ad-group="in_content-2"> <div class="m-in-content-ad--slot is-placeholder not-size-a not-size-b not-size-c"> <div id="ad-87bfb6c9f4d24e5a996dce2c1596a5a0"></div> </div> </div> </aside> <aside class="m-in-content-ad-row l-inline not-size-a not-size-b not-size-d"> <div class="m-in-content-ad not-size-a not-size-b not-size-d" data-class-rules="[{"sizes":["728x90"],"classes":["is-728x90"]},{"sizes":["0x0"],"classes":["m-advertisement--fluid-card"]}]" data-ad-group="in_content-2"> <div class="m-in-content-ad--slot is-placeholder not-size-a not-size-b not-size-d"> <div id="ad-8ccb78fa436b4346b273e8fe6e6700a3"></div> </div> </div> </aside> <aside class="m-in-content-ad-row l-inline not-size-a not-size-c not-size-d"> <div class="m-in-content-ad not-size-a not-size-c not-size-d" data-class-rules="[{"sizes":["728x90"],"classes":["is-728x90"]},{"sizes":["970x90"],"classes":["is-970x90"]},{"sizes":["0x0"],"classes":["m-advertisement--fluid-card"]}]" data-ad-group="in_content-2"> <div class="m-in-content-ad--slot is-placeholder not-size-a not-size-c not-size-d"> <div id="ad-37713288d4ab4db5b68304d1bbfcd258"></div> </div> </div> </aside> <p>这是一个很好的开始：我们有彩色文本和阴影。但我们可以做得更多。让我们引入渐变，这些可以让你的文本从普通变为新奇！</p> <h2 id="drawing-text-with-gradient-on-html5-canvas">在HTML5画布上绘制渐变文本</h2> <p>您可以使用多种颜色来填充文本，而不是使用单一颜色。这叫做渐变，一种颜色逐渐流到另一种颜色。我们将使用一个线性梯度，它就是这样做的:我们指定两种颜色，所有中间的颜色都是自动计算的。这给了一个漂亮的彩色文本。</p> <p>我们要添加一个从红色到黄色的渐变。只需将fillStyle的行替换为以下代码:</p> <figure class="m-code-block"> <pre><code data-language="javascript"><span class="m-code-block--line"><span><span class="m-code-block--keyword">var</span>梯度= ctx.createLinearGradient (<span class="m-code-block--number">0</span>,<span class="m-code-block--number">0</span>,<span class="m-code-block--number">150</span>,<span class="m-code-block--number">One hundred.</span>)；</span></span><span class="m-code-block--line"><span>gradient.addColorStop (<span class="m-code-block--number">0</span>,<span class="m-code-block--string">rgb（255，0，0）</span>)；</span></span><span class="m-code-block--line"><span>gradient.addColorStop (<span class="m-code-block--number">1.</span>,<span class="m-code-block--string">“rgb(255、255、0)”</span>)；</span></span><span class="m-code-block--line"><span>ctx.fillStyle=渐变；</span></span></code></pre> </figure> <div class="m-detail--body-item m-detail--body-item-inline"> <figure class="l-inline tml-image m-detail--tml-image--inline" itemscope itemtype="http://schema.org/ImageObject"> <phoenix-picture> <a> <picture class="is-waiting-to-load"> <source type="image/webp" sizes="(min-width: 230px) 230px, calc(100vw - 40px)" data-srcset="https://images.saymedia-content.com/.image/c_limit%2Ccs_srgb%2Cq_auto:eco%2Cw_230/MTc1MDEzODQ5MDYwNzQ2OTg0/html5-tutorial-text-drawing-with-fancy-colors-and-effects.webp 230w"> <source sizes="(min-width: 230px) 230px, calc(100vw - 40px)" data-srcset="https://images.saymedia-content.com/.image/c_limit%2Ccs_srgb%2Cq_auto:eco%2Cw_230/MTc1MDEzODQ5MDYwNzQ2OTg0/html5-tutorial-text-drawing-with-fancy-colors-and-effects.png 230w"> <img class="m-detail--tml-image m-image" alt="html5教程使用花式颜色和效果绘制文本" decoding="async" src="https://images.saymedia-content.com/.image/t_share/MTc1MDEzODQ5MDYwNzQ2OTg0/html5-tutorial-text-drawing-with-fancy-colors-and-effects.png" data-src="https://images.saymedia-content.com/.image/c_limit%2Ccs_srgb%2Cq_auto:eco%2Cw_700/MTc1MDEzODQ5MDYwNzQ2OTg0/html5-tutorial-text-drawing-with-fancy-colors-and-effects.png" height="60" width="230" srcset="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" itemprop="contentUrl url"> </picture></a> <div class="m-detail--tml-image-wrapper" style="max-width:230px; min-width:0px;"> <div class="m-detail--tml-image-container" style="padding-top: 27%"> <button class="m-social--pinterest-pin-it" onclick="javascript:window.open('https://www.pinterest.com/pin/create/button/?url=https%3A%2F%2Fwww.lordneo.com%2Fgraphic-design-video%2FHTML5-Tutorial-Text-Drawing-with-Fancy-Colors-and-Effects&media=https%3A%2F%2Fimages.saymedia-content.com%2F.image%2Ft_share%2FMTc1MDEzODQ5MDYwNzQ2OTg0%2Fhtml5-tutorial-text-drawing-with-fancy-colors-and-effects.png','pin'+new Date().getTime(),'status=no,resizable=yes,scrollbars=yes,personalbar=no,directories=no,location=no,toolbar=no,menubar=no,width=632,height=270,left=0,top=0');"> <phoenix-icon-fallback class="m-svg" icon="pinterest-pin-it"> <svg> <use xlink:href="//www.lordneo.com/assets-global/icons/svg-sprite.svg?v=2021-10-14-202825-55bebfc-022983#pinterest-pin-it"></use> </svg> </phoenix-icon-fallback></button> </div> </div> </phoenix-picture> <figcaption></figcaption> </figure> </div> <p>填充样式现在是渐变而不是颜色。我们通过调用绘图上下文的createLinearGradient来创建渐变。你需要给两个点，在这些点之间的梯度将被应用。我们使用起点（0，0）和终点（150100）。</p> <aside class="m-in-content-ad-row l-inline not-size-b not-size-c not-size-d"> <div class="m-in-content-ad not-size-b not-size-c not-size-d" data-class-rules="[{"sizes":["0x0"],"classes":["m-advertisement--fluid-card"]}]" data-ad-group="in_content-4"> <div class="m-in-content-ad--slot is-placeholder not-size-b not-size-c not-size-d"> <div id="ad-9f2e875e69294bc38365c1cd058ce09b"></div> </div> </div> </aside> <p>然后，我们使用addColorStop指定颜色。第一个参数告诉我们颜色距离起点有多远。这是一个从0到1的值，其中0表示起点，1表示终点。因此，值0表示指定的颜色是起点，值0.5表示介于两者之间n坐标和1表示终点。我们给起点以红色，给终点以黄色。我们使用两种颜色作为渐变色，但如果需要，可以使用两种以上的颜色。<br></p> <aside class="m-in-content-ad-row l-inline not-size-a not-size-b not-size-c"> <div class="m-in-content-ad not-size-a not-size-b not-size-c" data-class-rules="[{"sizes":["728x90"],"classes":["is-728x90"]},{"sizes":["0x0"],"classes":["m-advertisement--fluid-card"]}]" data-ad-group="in_content-3"> <div class="m-in-content-ad--slot is-placeholder not-size-a not-size-b not-size-c"> <div id="ad-654efd83f21f4a0aa06f76b10fb54752"></div> </div> </div> </aside> <aside class="m-in-content-ad-row l-inline not-size-a not-size-b not-size-d"> <div class="m-in-content-ad not-size-a not-size-b not-size-d" data-class-rules="[{"sizes":["728x90"],"classes":["is-728x90"]},{"sizes":["0x0"],"classes":["m-advertisement--fluid-card"]}]" data-ad-group="in_content-3"> <div class="m-in-content-ad--slot is-placeholder not-size-a not-size-b not-size-d"> <div id="ad-c365d3465dcb4644a2eb417d854f9e32"></div> </div> </div> </aside> <aside class="m-in-content-ad-row l-inline not-size-a not-size-c not-size-d"> <div class="m-in-content-ad not-size-a not-size-c not-size-d" data-class-rules="[{"sizes":["728x90"],"classes":["is-728x90"]},{"sizes":["970x90"],"classes":["is-970x90"]},{"sizes":["0x0"],"classes":["m-advertisement--fluid-card"]}]" data-ad-group="in_content-3"> <div class="m-in-content-ad--slot is-placeholder not-size-a not-size-c not-size-d"> <div id="ad-b6704819bb2445cb8cf31ee897966780"></div> </div> </div> </aside> <p>请注意，这些坐标与文本无关，如果您决定更改文本的位置，它可能看起来会有所不同，因为它将在该位置查找颜色信息。当您对fillStyle使用渐变时，您正在更改所有填充命令（fillText、fillRect等）的颜色因此，如果你的渐变和文本看起来不符合你的要求，你需要对它们的坐标进行调整。</p> <p>现在真的开始看起来很漂亮了。我们还有一个技巧，那就是使用转换来旋转文本。<br></p> <h2 id="rotating-text-on-html5-canvas">在HTML5画布上旋转文本</h2> <p>要旋转文本，只需添加rotate命令。参数是以弧度为单位的顺时针旋转角度，因此使用负值来逆时针旋转:</p> <aside class="m-in-content-ad-row l-inline not-size-b not-size-c not-size-d"> <div class="m-in-content-ad not-size-b not-size-c not-size-d" data-class-rules="[{"sizes":["0x0"],"classes":["m-advertisement--fluid-card"]}]" data-ad-group="in_content-5"> <div class="m-in-content-ad--slot is-placeholder not-size-b not-size-c not-size-d"> <div id="ad-bcfe8955591e47f19091fe4be5901165"></div> </div> </div> </aside> <figure class="m-code-block"> <pre><code data-language="javascript"><span class="m-code-block--line"><span>旋转(-<span class="m-code-block--number">0.25</span>)；</span></span></code></pre> </figure> <p>现在我们有了我们的最终结果：一个具有渐变、阴影和一点旋转的奇特文本！</p> <div class="m-detail--body-item m-detail--body-item-inline"> <figure class="l-inline tml-image m-detail--tml-image--inline" itemscope itemtype="http://schema.org/ImageObject"> <phoenix-picture> <a> <picture class="is-waiting-to-load"> <source type="image/webp" sizes="(min-width: 220px) 220px, calc(100vw - 40px)" data-srcset="https://images.saymedia-content.com/.image/c_limit%2Ccs_srgb%2Cq_auto:eco%2Cw_220/MTc1MDEzODQ5MDYwNTUwMzc2/html5-tutorial-text-drawing-with-fancy-colors-and-effects.webp 220w"> <source sizes="(min-width: 220px) 220px, calc(100vw - 40px)" data-srcset="https://images.saymedia-content.com/.image/c_limit%2Ccs_srgb%2Cq_auto:eco%2Cw_220/MTc1MDEzODQ5MDYwNTUwMzc2/html5-tutorial-text-drawing-with-fancy-colors-and-effects.png 220w"> <img class="m-detail--tml-image m-image" alt="html5教程使用花式颜色和效果绘制文本" decoding="async" src="https://images.saymedia-content.com/.image/t_share/MTc1MDEzODQ5MDYwNTUwMzc2/html5-tutorial-text-drawing-with-fancy-colors-and-effects.png" data-src="https://images.saymedia-content.com/.image/c_limit%2Ccs_srgb%2Cq_auto:eco%2Cw_700/MTc1MDEzODQ5MDYwNTUwMzc2/html5-tutorial-text-drawing-with-fancy-colors-and-effects.png" height="100" width="220" srcset="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" itemprop="contentUrl url"> </picture></a> <div class="m-detail--tml-image-wrapper" style="max-width:220px; min-width:0px;"> <div class="m-detail--tml-image-container" style="padding-top: 46%"> <button class="m-social--pinterest-pin-it" onclick="javascript:window.open('https://www.pinterest.com/pin/create/button/?url=https%3A%2F%2Fwww.lordneo.com%2Fgraphic-design-video%2FHTML5-Tutorial-Text-Drawing-with-Fancy-Colors-and-Effects&media=https%3A%2F%2Fimages.saymedia-content.com%2F.image%2Ft_share%2FMTc1MDEzODQ5MDYwNTUwMzc2%2Fhtml5-tutorial-text-drawing-with-fancy-colors-and-effects.png','pin'+new Date().getTime(),'status=no,resizable=yes,scrollbars=yes,personalbar=no,directories=no,location=no,toolbar=no,menubar=no,width=632,height=270,left=0,top=0');"> <phoenix-icon-fallback class="m-svg" icon="pinterest-pin-it"> <svg> <use xlink:href="/assets-global/icons/svg-sprite.svg?v=2021-10-14-202825-55bebfc-022983#pinterest-pin-it"></use> </svg> </phoenix-icon-fallback></button> </div> </div> </phoenix-picture> <figcaption></figcaption> </figure> </div> <h2 id="more-ways-to-use-html5">更多使用HTML5的方法</h2> <ul> <li><a href="https://owlcation.com/stem/HTML5-Tutorial-Drawing-Circles-and-Arcs" rel="noopener" onclick="return phoenixTrackClickEvent(this, event);" target="_blank">HTML5教程:绘制圆和弧</a><br>在HTML5中绘制圆圈和弧线是一个相当大的挑战。在本教程中，我将解释如何绘制圆和弧，以及如何测量弧的角度。本教程包含许多示例。</li> </ul> <p><em>就作者所知，本文准确、真实。内容仅供参考或娱乐之用，不能替代商业、金融、法律或技术方面的个人顾问或专业建议。</em></p> <aside class="m-in-content-ad-row l-inline not-size-a not-size-b not-size-c"> <div class="m-in-content-ad not-size-a not-size-b not-size-c" data-class-rules="[{"sizes":["728x90"],"classes":["is-728x90"]},{"sizes":["0x0"],"classes":["m-advertisement--fluid-card"]}]" data-ad-group="in_content-4"> <div class="m-in-content-ad--slot is-placeholder not-size-a not-size-b not-size-c"> <div id="ad-0c4804b1932340279c898b5fae82736d"></div> </div> </div> </aside> <aside class="m-in-content-ad-row l-inline not-size-a not-size-b not-size-d"> <div class="m-in-content-ad not-size-a not-size-b not-size-d" data-class-rules="[{"sizes":["728x90"],"classes":["is-728x90"]},{"sizes":["0x0"],"classes":["m-advertisement--fluid-card"]}]" data-ad-group="in_content-4"> <div class="m-in-content-ad--slot is-placeholder not-size-a not-size-b not-size-d"> <div id="ad-eb842b1c89c34e808cabe84b1ffc4277"></div> </div> </div> </aside> <aside class="m-in-content-ad-row l-inline not-size-a not-size-c not-size-d"> <div class="m-in-content-ad not-size-a not-size-c not-size-d" data-class-rules="[{"sizes":["728x90"],"classes":["is-728x90"]},{"sizes":["970x90"],"classes":["is-970x90"]},{"sizes":["0x0"],"classes":["m-advertisement--fluid-card"]}]" data-ad-group="in_content-4"> <div class="m-in-content-ad--slot is-placeholder not-size-a not-size-c not-size-d"> <div id="ad-82191187e34d4fd9aa43f446fbb8a21f"></div> </div> </div> </aside> <h2 class="hubpages-comments" id="comments">评论</h2> <p><strong>TRƯỜ吴博士</strong>从第六?2019年9月07日越南:</p> <p>科特迪瓦ổ 酸碱度ầ徐振宁ấ新罕布什尔州ập khẩ乌梅斯ực phẩm Trường Phát Chuiên cung cấpác thiếTBị 斯尤斯ị, 这ếTBị lám bánh，thiếTBị thực phẩm、蔡美儿ền sả徐振宁ất háng nhập khẩ吴清雄</p> <p>网站:<a href="https://truongphat247.vn/" rel="nofollow noopener" onclick="return phoenixTrackClickEvent(this, event);" target="_blank">https://truongphat247.vn/</a></p> <p><strong>陈迈</strong>2012年11月29日:</p> <p>酸碱度ố我是máy sưở我是ố lượng lớN</p> <p><a href="http://vinastar.vn/c185/may-suoi.html" rel="nofollow noopener" onclick="return phoenixTrackClickEvent(this, event);" target="_blank">http://vinastar.vn/c185/may-suoi.html</a></p> <p>VINASTAR——Nha phan phố我可能văn冯氏,可以复印,可能从nghiệp,可能侬nghiệp,可能chấm琮、可能气ếu,男人气ếu,可能đ安giầy,可能见到tiền,đếm tiền。»</p> <aside class="m-in-content-ad-row l-inline not-size-b not-size-c not-size-d"> <div class="m-in-content-ad not-size-b not-size-c not-size-d" data-class-rules="[{"sizes":["0x0"],"classes":["m-advertisement--fluid-card"]}]" data-ad-group="in_content-6"> <div class="m-in-content-ad--slot is-placeholder not-size-b not-size-c not-size-d"> <div id="ad-d44a5a15ed23492888ff2046a6533f81"></div> </div> </div> </aside> <p>热线:0989 650 250 - 0165 654 9999</p> <p><strong>ramsha</strong>2012年10月14日：</p> <p>干得好！！！我喜欢</p> <p><strong>工业技术</strong>2012年1月6日，印度新德里科蒂纳加尔拉玛路：</p> <p>非常好的建议…谢谢</p> <p><strong>西蒙维瑟（作者）</strong>2011年1月7日：</p> <p>@wavegirl22：我很高兴这些教程能有所帮助！如果我需要澄清一些事情，请发表评论。</p> <aside class="m-in-content-ad-row l-inline not-size-a not-size-b not-size-c"> <div class="m-in-content-ad not-size-a not-size-b not-size-c" data-class-rules="[{"sizes":["728x90"],"classes":["is-728x90"]},{"sizes":["0x0"],"classes":["m-advertisement--fluid-card"]}]" data-ad-group="in_content-5"> <div class="m-in-content-ad--slot is-placeholder not-size-a not-size-b not-size-c"> <div id="ad-3bf8a3a768514ecba9a60c0733b6b47a"></div> </div> </div> </aside> <aside class="m-in-content-ad-row l-inline not-size-a not-size-b not-size-d"> <div class="m-in-content-ad not-size-a not-size-b not-size-d" data-class-rules="[{"sizes":["728x90"],"classes":["is-728x90"]},{"sizes":["0x0"],"classes":["m-advertisement--fluid-card"]}]" data-ad-group="in_content-5"> <div class="m-in-content-ad--slot is-placeholder not-size-a not-size-b not-size-d"> <div id="ad-9685b3aed35f4e8a98fc698e4baf7580"></div> </div> </div> </aside> <aside class="m-in-content-ad-row l-inline not-size-a not-size-c not-size-d"> <div class="m-in-content-ad not-size-a not-size-c not-size-d" data-class-rules="[{"sizes":["728x90"],"classes":["is-728x90"]},{"sizes":["970x90"],"classes":["is-970x90"]},{"sizes":["0x0"],"classes":["m-advertisement--fluid-card"]}]" data-ad-group="in_content-5"> <div class="m-in-content-ad--slot is-placeholder not-size-a not-size-c not-size-d"> <div id="ad-94c0312d9e5b48c7adb99a638b747ba9"></div> </div> </div> </aside> <p><strong>莎丽</strong>2011年1月7日，纽约州纽约市：</p> <p>超级神奇。我想我确实理解了一两件事。你的教程正是我一直在寻找的!!</p> <p><strong>西蒙维瑟（作者）</strong>2010年12月14日:</p> <p>谢谢!当更多功能在网页浏览器中实现时，我甚至可能编写更多HTML5教程。它真的是网络的下一种语言，教程越多越好。</p> <p><strong>杰森Menayan</strong>2010年12月14日来自旧金山：</p> <p>哇！真是太棒了，这是一个很容易理解的教程。</p> </div> <div class="m-detail--sponsor"></div> <footer class="m-detail--footer"> <div class="m-detail--meta"> <div class="m-description--list"></div> </div> <aside class="m-detail--author-box"> <div class="m-detail--author-content"> <div class="m-detail--author-byline"> <div class="m-detail--author-byline-label"> 通过</div> <a href="//www.lordneo.com/@simeonvisser" onclick="return phoenixTrackClickEvent(this, event);" phx-track-id="Author Name" rel="author">西蒙维瑟</a> </div> </div> </aside> <section class="m-social mm-social--below-content"> <ul> <li class="m-social--facebook"><a class="m-icon-button m-social--button" aria-label="facebook" rel="noopener" onclick="window.open('https://www.facebook.com/sharer.php?u=https%3A%2F%2Fwww.lordneo.com%2Fgraphic-design-video%2FHTML5-Tutorial-Text-Drawing-with-Fancy-Colors-and-Effects', 'socialSharefacebook', 'width=500,height=500', 'noopener');return phoenixTrackClickEvent(this, event);" phx-track-id="Link facebook" phoenix-adobe-tracker="{"linkName":"Social Share","trackId":"Facebook","trackVars":"eVar13,eVar63,events"}"> <phoenix-icon-fallback class="m-svg m-icon-button--icon" icon="ico_facebook"> <svg> <use xlink:href="//www.lordneo.com/assets-global/icons/svg-sprite.svg?v=2021-10-14-202825-55bebfc-022983#ico_facebook"></use> </svg> </phoenix-icon-fallback></a></li> <li class="m-social--twitter"><a class="m-icon-button m-social--button" aria-label="twitter" rel="noopener" onclick="window.open('https://twitter.com/intent/tweet?url=https%3A%2F%2Fwww.lordneo.com%2Fgraphic-design-video%2FHTML5-Tutorial-Text-Drawing-with-Fancy-Colors-and-Effects&text=HTML5%20Tutorial%3A%20Draw%20Text%20on%20Canvas%20With%20Fancy%20Colors%2C%20Gradients%2C%20and%20Effects', 'socialSharetwitter', 'width=500,height=500', 'noopener');return phoenixTrackClickEvent(this, event);" phx-track-id="Link twitter" phoenix-adobe-tracker="{"linkName":"Social Share","trackId":"Twitter","trackVars":"eVar13,eVar63,events"}"> <phoenix-icon-fallback class="m-svg m-icon-button--icon" icon="ico_twitter"> <svg> <use xlink:href="//www.lordneo.com/assets-global/icons/svg-sprite.svg?v=2021-10-14-202825-55bebfc-022983#ico_twitter"></use> </svg> </phoenix-icon-fallback></a></li> <li class="m-social--pinterest"><a class="m-icon-button m-social--button" aria-label="pinterest" rel="noopener" onclick="window.open('http://pinterest.com/pin/create/button/?url=https%3A%2F%2Fwww.lordneo.com%2Fgraphic-design-video%2FHTML5-Tutorial-Text-Drawing-with-Fancy-Colors-and-Effects&media=https%3A%2F%2Fimages.saymedia-content.com%2F.image%2Ft_share%2FMTc1MDA1MTc4NTk0ODYzMDcy%2F_favicon-512-11.svg&description=HTML5%20Tutorial%3A%20Draw%20Text%20on%20Canvas%20With%20Fancy%20Colors%2C%20Gradients%2C%20and%20Effects.%20You%20can%20do%20much%20more%20than%20just%20drawing%20text%20in%20HTML5!%20This%20tutorial%20covers%20how%20to%20use%20various%20effects%20(e.g.%2C%20shadows%2C%20gradients%2C%20and%20rotation)%20to%20make%20some%20fancy%20texts.', 'socialSharepinterest', 'width=500,height=500', 'noopener');return phoenixTrackClickEvent(this, event);" phx-track-id="Link pinterest" phoenix-adobe-tracker="{"linkName":"Social Share","trackId":"Pinterest","trackVars":"eVar13,eVar63,events"}"> <phoenix-icon-fallback class="m-svg m-icon-button--icon" icon="ico_pinterest"> <svg> <use xlink:href="//www.lordneo.com/assets-global/icons/svg-sprite.svg?v=2021-10-14-202825-55bebfc-022983#ico_pinterest"></use> </svg> </phoenix-icon-fallback></a></li> </ul> </section> </footer> </div> <div class="m-aside-rail l-grid--rail"> <aside class="m-aside-rail--atf-ad"> <phoenix-ad class="m-ad not-size-a not-size-b not-size-d m-sidebar-ad--slot" config="{"adHtml":"","adReloaderDelay":30,"maxAdReloads":25,"adReloaderSizeCodes":["300x250"],"adCloseButton":false,"bonusConfig":null,"classRules":[{"sizes":["300x250"],"classes":["m-sponsor--adjacency"]}],"localizedPhrases":{"advertisement_legend":"ADVERTISEMENT","outstream_clickout":"Visit Website","outstream_thanks":"Thanks for watching!"},"overrideOutstreamScript":false,"moduleClass":"m-sidebar-ad","scrollToRefreshThreshold":1.2,"slotId":"ad-4e46a4356aec41feb613bacda3e206c5","visClasses":["not-size-a","not-size-b","not-size-d"],"extraClasses":["m-sidebar-ad--sticky"],"zone":"atf_sidebar","adGroup":"atf_sidebar-0","slotConfig":{"config":{"sizes":[[300,250]]},"model":{"zone":"atf_sidebar","index":0,"isOutstream":false,"deferLoad":false},"sizes":[{"width":300,"height":250}],"screenSizes":["C"],"slotModel":{"zone":"atf_sidebar","index":0,"isOutstream":false,"deferLoad":false},"id":"ad-4e46a4356aec41feb613bacda3e206c5","adUnitPath":"/88059007/www.lordneo.com/graphic-design-video"}}" data-class-rules="[{"sizes":["300x250"],"classes":["m-sponsor--adjacency"]}]" auto-reload scroll-to-refresh="1.2" track-visibility></phoenix-ad> </aside> <aside class="m-aside-rail--atf-ad"> <phoenix-ad class="m-ad not-size-a not-size-b not-size-c m-sidebar-ad--slot" config="{"adHtml":"","adReloaderDelay":30,"maxAdReloads":25,"adReloaderSizeCodes":["300x600","300x250","160x600","1x1"],"adCloseButton":false,"bonusConfig":null,"classRules":[{"sizes":["300x600","300x250","160x600"],"classes":["m-sponsor--adjacency"]}],"localizedPhrases":{"advertisement_legend":"ADVERTISEMENT","outstream_clickout":"Visit Website","outstream_thanks":"Thanks for watching!"},"overrideOutstreamScript":false,"moduleClass":"m-sidebar-ad","scrollToRefreshThreshold":1.2,"slotId":"ad-a53ad974ca9d407e91ed37044c75209b","visClasses":["not-size-a","not-size-b","not-size-c"],"extraClasses":["m-sidebar-ad--sticky"],"zone":"atf_sidebar","adGroup":"atf_sidebar-0","slotConfig":{"config":{"sizes":[[300,600],[300,250],[160,600]]},"model":{"zone":"atf_sidebar","index":0,"isOutstream":false,"deferLoad":false},"sizes":[{"width":300,"height":600},{"width":300,"height":250},{"width":160,"height":600}],"screenSizes":["D"],"slotModel":{"zone":"atf_sidebar","index":0,"isOutstream":false,"deferLoad":false},"id":"ad-a53ad974ca9d407e91ed37044c75209b","adUnitPath":"/88059007/www.lordneo.com/graphic-design-video"}}" data-class-rules="[{"sizes":["300x600","300x250","160x600"],"classes":["m-sponsor--adjacency"]}]" auto-reload scroll-to-refresh="1.2" track-visibility></phoenix-ad> </aside> <aside class="m-aside-rail--sticky-ad"> <phoenix-ad class="m-ad not-size-a not-size-b not-size-d m-sidebar-ad--slot" config="{"adReloaderDelay":30,"adReloaderSizeCodes":["300x250"],"maxAdReloads":25,"moduleClass":"m-sidebar-ad","scrollToRefreshThreshold":1.2,"slotConfig":{"config":{"sizes":[[300,250]]},"model":{"zone":"sidebar","index":0,"isOutstream":false,"deferLoad":false},"sizes":[{"width":300,"height":250}],"screenSizes":["C"],"slotModel":{"zone":"sidebar","index":0,"isOutstream":false,"deferLoad":false},"id":"ad-a6761095dcb24391b84b42ba11bc989c","adUnitPath":"/88059007/www.lordneo.com/graphic-design-video"},"slotId":"ad-a6761095dcb24391b84b42ba11bc989c","visClasses":["not-size-a","not-size-b","not-size-d"]}" auto-reload scroll-to-refresh="1.2" track-visibility></phoenix-ad> </aside> <aside class="m-aside-rail--sticky-ad"> <phoenix-ad class="m-ad not-size-a not-size-b not-size-c m-sidebar-ad--slot" config="{"adReloaderDelay":30,"adReloaderSizeCodes":["300x600","300x250","160x600","1x1"],"maxAdReloads":25,"moduleClass":"m-sidebar-ad","scrollToRefreshThreshold":1.2,"slotConfig":{"config":{"sizes":[[300,600],[300,250],[160,600]]},"model":{"zone":"sidebar","index":0,"isOutstream":false,"deferLoad":false},"sizes":[{"width":300,"height":600},{"width":300,"height":250},{"width":160,"height":600}],"screenSizes":["D"],"slotModel":{"zone":"sidebar","index":0,"isOutstream":false,"deferLoad":false},"id":"ad-fd66a7b993784ad48f44298960e8dc7b","adUnitPath":"/88059007/www.lordneo.com/graphic-design-video"},"slotId":"ad-fd66a7b993784ad48f44298960e8dc7b","visClasses":["not-size-a","not-size-b","not-size-c"]}" auto-reload scroll-to-refresh="1.2" track-visibility></phoenix-ad> </aside> </div> </section> </div> <aside class="l-content-recommendation" id="phxtags-belowcontent" phx-track-id="BelowContent"> <section class="m-outbrain nocontent m-component-stack mm-component-stack--is-stacked"> <phoenix-outbrain class="m-custom-element" block-premium block-on-gdpr-vendor-consent="outbrain" block-on-gdpr-purpose-consent="content" block-on-ccpa-reject> <div class="OUTBRAIN is-waiting-to-load m-component-stack--container" data-src="//www.lordneo.com/graphic-design-video/HTML5-Tutorial-Text-Drawing-with-Fancy-Colors-and-Effects" data-widget-id="AR_1" data-external-id="turbofuture"></div> <div class="is-fallback"></div> </phoenix-outbrain> </section> </aside> </div> </article> </section> <section class="m-adaptive-ad-component m-component-stack"> <aside class="m-in-content-ad-row not-size-b not-size-c not-size-d" data-ad-group="below_content-0"> <phoenix-ad class="m-ad not-size-b not-size-c not-size-d m-in-content-ad--slot" config="{"adHtml":"","adReloaderDelay":0,"maxAdReloads":5,"adReloaderSizeCodes":null,"adCloseButton":false,"bonusConfig":null,"classRules":[{"dimensions":["0x0"],"classes":["m-advertisement--fluid-card","m-advertisement--fluid-list-card"]}],"localizedPhrases":{"advertisement_legend":"ADVERTISEMENT","outstream_clickout":"Visit Website","outstream_thanks":"Thanks for watching!"},"overrideOutstreamScript":false,"moduleClass":"m-in-content-ad","slotId":"ad-fb3a9686fedd4d8dafabc198718adefd","visClasses":["not-size-b","not-size-c","not-size-d"],"extraClasses":null,"zone":"below_content","adGroup":"below_content-0","slotConfig":{"config":{"sizes":[[300,250],[320,50],"fluid"]},"model":{"zone":"below_content","index":"0","isOutstream":false,"deferLoad":false,"nativeCardType":"list"},"sizes":[{"width":300,"height":250},{"width":320,"height":50},{"name":"fluid"}],"screenSizes":["A"],"slotModel":{"zone":"below_content","index":"0","isOutstream":false,"deferLoad":false,"nativeCardType":"list"},"id":"ad-fb3a9686fedd4d8dafabc198718adefd","adUnitPath":"/88059007/www.lordneo.com/graphic-design-video"}}" data-class-rules="[{"dimensions":["0x0"],"classes":["m-advertisement--fluid-card","m-advertisement--fluid-list-card"]}]"></phoenix-ad> </aside> <aside class="m-in-content-ad-row not-size-a not-size-c not-size-d" data-ad-group="below_content-0"> <phoenix-ad class="m-ad not-size-a not-size-c not-size-d m-in-content-ad--slot" config="{"adHtml":"","adReloaderDelay":0,"maxAdReloads":5,"adReloaderSizeCodes":null,"adCloseButton":false,"bonusConfig":null,"classRules":[{"sizes":["728x90"],"classes":["is-728x90"]},{"sizes":["970x90"],"classes":["is-970x90"]},{"dimensions":["0x0"],"classes":["m-advertisement--fluid-card","m-advertisement--fluid-list-card"]}],"localizedPhrases":{"advertisement_legend":"ADVERTISEMENT","outstream_clickout":"Visit Website","outstream_thanks":"Thanks for watching!"},"overrideOutstreamScript":false,"moduleClass":"m-in-content-ad","slotId":"ad-052f20486bfd450e9ada7f5fd57765cc","visClasses":["not-size-a","not-size-c","not-size-d"],"extraClasses":null,"zone":"below_content","adGroup":"below_content-0","slotConfig":{"config":{"sizes":[[728,90],[970,90],"fluid"]},"model":{"zone":"below_content","index":"0","isOutstream":false,"deferLoad":false,"nativeCardType":"list"},"sizes":[{"width":728,"height":90},{"width":970,"height":90},{"name":"fluid"}],"screenSizes":["B"],"slotModel":{"zone":"below_content","index":"0","isOutstream":false,"deferLoad":false,"nativeCardType":"list"},"id":"ad-052f20486bfd450e9ada7f5fd57765cc","adUnitPath":"/88059007/www.lordneo.com/graphic-design-video"}}" data-class-rules="[{"sizes":["728x90"],"classes":["is-728x90"]},{"sizes":["970x90"],"classes":["is-970x90"]},{"dimensions":["0x0"],"classes":["m-advertisement--fluid-card","m-advertisement--fluid-list-card"]}]"></phoenix-ad> </aside> <aside class="m-in-content-ad-row not-size-a not-size-b not-size-d" data-ad-group="below_content-0"> <phoenix-ad class="m-ad not-size-a not-size-b not-size-d m-in-content-ad--slot" config="{"adHtml":"","adReloaderDelay":0,"maxAdReloads":5,"adReloaderSizeCodes":null,"adCloseButton":false,"bonusConfig":null,"classRules":[{"sizes":["728x90"],"classes":["is-728x90"]},{"dimensions":["0x0"],"classes":["m-advertisement--fluid-card","m-advertisement--fluid-list-card"]}],"localizedPhrases":{"advertisement_legend":"ADVERTISEMENT","outstream_clickout":"Visit Website","outstream_thanks":"Thanks for watching!"},"overrideOutstreamScript":false,"moduleClass":"m-in-content-ad","slotId":"ad-621b68411d0c416d8142b7ace43ab83f","visClasses":["not-size-a","not-size-b","not-size-d"],"extraClasses":null,"zone":"below_content","adGroup":"below_content-0","slotConfig":{"config":{"sizes":[[728,90],"fluid"]},"model":{"zone":"below_content","index":"0","isOutstream":false,"deferLoad":false,"nativeCardType":"list"},"sizes":[{"width":728,"height":90},{"name":"fluid"}],"screenSizes":["C"],"slotModel":{"zone":"below_content","index":"0","isOutstream":false,"deferLoad":false,"nativeCardType":"list"},"id":"ad-621b68411d0c416d8142b7ace43ab83f","adUnitPath":"/88059007/www.lordneo.com/graphic-design-video"}}" data-class-rules="[{"sizes":["728x90"],"classes":["is-728x90"]},{"dimensions":["0x0"],"classes":["m-advertisement--fluid-card","m-advertisement--fluid-list-card"]}]"></phoenix-ad> </aside> <aside class="m-in-content-ad-row not-size-a not-size-b not-size-c" data-ad-group="below_content-0"> <phoenix-ad class="m-ad not-size-a not-size-b not-size-c m-in-content-ad--slot" config="{"adHtml":"","adReloaderDelay":0,"maxAdReloads":5,"adReloaderSizeCodes":null,"adCloseButton":false,"bonusConfig":null,"classRules":[{"sizes":["728x90"],"classes":["is-728x90"]},{"dimensions":["0x0"],"classes":["m-advertisement--fluid-card","m-advertisement--fluid-list-card"]}],"localizedPhrases":{"advertisement_legend":"ADVERTISEMENT","outstream_clickout":"Visit Website","outstream_thanks":"Thanks for watching!"},"overrideOutstreamScript":false,"moduleClass":"m-in-content-ad","slotId":"ad-61eff2250bae407c83c6ce8b58ffc8c7","visClasses":["not-size-a","not-size-b","not-size-c"],"extraClasses":null,"zone":"below_content","adGroup":"below_content-0","slotConfig":{"config":{"sizes":[[728,90],"fluid"]},"model":{"zone":"below_content","index":"0","isOutstream":false,"deferLoad":false,"nativeCardType":"list"},"sizes":[{"width":728,"height":90},{"name":"fluid"}],"screenSizes":["D"],"slotModel":{"zone":"below_content","index":"0","isOutstream":false,"deferLoad":false,"nativeCardType":"list"},"id":"ad-61eff2250bae407c83c6ce8b58ffc8c7","adUnitPath":"/88059007/www.lordneo.com/graphic-design-video"},"showBlockthrough":true}" data-class-rules="[{"sizes":["728x90"],"classes":["is-728x90"]},{"dimensions":["0x0"],"classes":["m-advertisement--fluid-card","m-advertisement--fluid-list-card"]}]"></phoenix-ad> </aside> </section> <div class="m-component-header m-component-stack--header"> <div class="m-component-header--container mm-component-header--size-extra-small"> <h2 class="m-component-header--title mm-component-header--title-extra-small" role="heading" aria-level="2"> <div> <p><b>相关文章</b></p> </div></h2> </div> </div> <section class="m-tile-hub m-component-stack mm-component-stack--is-stacked mm-component-stack--has-footer"> <phoenix-hub class="m-card-group--container" data-group-size="9" data-first-group-size="9"> <section class="m-card-group"> <phoenix-non-personalized-recommendations-tracking class="m-card-group--content l-grid lm-grid--density-standard lm-grid--image-cards" config="{"size":8,"widgetName":"tempestn_tile-hub_turbofuture_article-page_title-not-found-1-1"}"> <div class="l-grid--item">  <phoenix-super-link href="//www.lordneo.com/graphic-design-video/HTML5-Tutorial-Basics-of-Canvas-Drawing" onclick="return window.phoenixTrackRecommendationClickEvent && phoenixTrackRecommendationClickEvent('cardclick','//www.lordneo.com/graphic-design-video/HTML5-Tutorial-Basics-of-Canvas-Drawing','tempestn_tile-hub_turbofuture_article-page_title-not-found-1-1',undefined, 'Image')"> <phoenix-card class="m-card mm-card--type-image mm-card--density-standard" role="article" index="0"> <div class="m-card--media"> <a class="m-card--image-link" onclick="return phoenixTrackClickEvent(this, event);" phx-track-id="Image" rel="" href="//www.lordneo.com//www.lordneo.com/graphic-design-video/HTML5-Tutorial-Basics-of-Canvas-Drawing" title=""> <phoenix-picture> <picture class="is-waiting-to-load"> <source type="image/webp" media="(min-width: 675px)" data-srcset="https://images.saymedia-content.com/.image/ar_8:10%2Cc_fill%2Ccs_srgb%2Cg_faces:center%2Cq_auto:eco%2Cw_320/MTc0MDM0NDk2MzkwNDQwMzkz/html5-tutorial-basics-of-canvas-drawing.webp 320w, https://images.saymedia-content.com/.image/ar_8:10%2Cc_fill%2Ccs_srgb%2Cg_faces:center%2Cq_auto:eco%2Cw_640/MTc0MDM0NDk2MzkwNDQwMzkz/html5-tutorial-basics-of-canvas-drawing.webp 640w, https://images.saymedia-content.com/.image/ar_8:10%2Cc_fill%2Ccs_srgb%2Cg_faces:center%2Cq_auto:eco%2Cw_960/MTc0MDM0NDk2MzkwNDQwMzkz/html5-tutorial-basics-of-canvas-drawing.webp 960w" sizes="320px"> <source media="(min-width: 675px)" data-srcset="https://images.saymedia-content.com/.image/ar_8:10%2Cc_fill%2Ccs_srgb%2Cfl_progressive%2Cg_faces:center%2Cq_auto:eco%2Cw_320/MTc0MDM0NDk2MzkwNDQwMzkz/html5-tutorial-basics-of-canvas-drawing.jpg 320w, https://images.saymedia-content.com/.image/ar_8:10%2Cc_fill%2Ccs_srgb%2Cfl_progressive%2Cg_faces:center%2Cq_auto:eco%2Cw_640/MTc0MDM0NDk2MzkwNDQwMzkz/html5-tutorial-basics-of-canvas-drawing.jpg 640w, https://images.saymedia-content.com/.image/ar_8:10%2Cc_fill%2Ccs_srgb%2Cfl_progressive%2Cg_faces:center%2Cq_auto:eco%2Cw_960/MTc0MDM0NDk2MzkwNDQwMzkz/html5-tutorial-basics-of-canvas-drawing.jpg 960w" sizes="320px"> <source type="image/webp" media="(min-width: 0px)" data-srcset="https://images.saymedia-content.com/.image/ar_16:9%2Cc_fill%2Ccs_srgb%2Cg_faces:center%2Cq_auto:eco%2Cw_320/MTc0MDM0NDk2MzkwNDQwMzkz/html5-tutorial-basics-of-canvas-drawing.webp 320w, https://images.saymedia-content.com/.image/ar_16:9%2Cc_fill%2Ccs_srgb%2Cg_faces:center%2Cq_auto:eco%2Cw_640/MTc0MDM0NDk2MzkwNDQwMzkz/html5-tutorial-basics-of-canvas-drawing.webp 640w, https://images.saymedia-content.com/.image/ar_16:9%2Cc_fill%2Ccs_srgb%2Cg_faces:center%2Cq_auto:eco%2Cw_960/MTc0MDM0NDk2MzkwNDQwMzkz/html5-tutorial-basics-of-canvas-drawing.webp 960w" sizes="320px"> <source media="(min-width: 0px)" data-srcset="https://images.saymedia-content.com/.image/ar_16:9%2Cc_fill%2Ccs_srgb%2Cfl_progressive%2Cg_faces:center%2Cq_auto:eco%2Cw_320/MTc0MDM0NDk2MzkwNDQwMzkz/html5-tutorial-basics-of-canvas-drawing.jpg 320w, https://images.saymedia-content.com/.image/ar_16:9%2Cc_fill%2Ccs_srgb%2Cfl_progressive%2Cg_faces:center%2Cq_auto:eco%2Cw_640/MTc0MDM0NDk2MzkwNDQwMzkz/html5-tutorial-basics-of-canvas-drawing.jpg 640w, https://images.saymedia-content.com/.image/ar_16:9%2Cc_fill%2Ccs_srgb%2Cfl_progressive%2Cg_faces:center%2Cq_auto:eco%2Cw_960/MTc0MDM0NDk2MzkwNDQwMzkz/html5-tutorial-basics-of-canvas-drawing.jpg 960w" sizes="320px"> <img class="m-card--image-element" decoding="async" nopin="true" sizes="320px" src="https://images.saymedia-content.com/.image/ar_8:10%2Cc_fill%2Ccs_srgb%2Cfl_progressive%2Cg_faces:center%2Cq_auto:eco%2Cw_620/MTc0MDM0NDk2MzkwNDQwMzkz/html5-tutorial-basics-of-canvas-drawing.jpg" srcset="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" alt="html5-tutorial-basics-of-canvas-drawing"> </picture> <div class="m-card--image-aspect-ratio-pusher"></div> </phoenix-picture></a> </div> <div class="m-card--content"> <div class="m-card--label"> <a href="//www.lordneo.com/graphic-design-video/" onclick="return phoenixTrackClickEvent(this, event, 'click', 'phx-track-id', undefined) && window.phoenixStopEventPropagation && phoenixStopEventPropagation(event)" oncontextmenu="return window.phoenixStopEventPropagation && phoenixStopEventPropagation(event)" phx-track-id="Label">平面设计与视频编辑</a> </div> <phoenix-ellipsis class="m-ellipsis m-card--header"> <a onclick="return phoenixTrackClickEvent(this, event, 'click', 'phx-track-id', undefined) && window.phoenixStopEventPropagation && phoenixStopEventPropagation(event);" oncontextmenu="return window.phoenixStopEventPropagation && phoenixStopEventPropagation(event);" phx-track-id="Title" rel="" href="//www.lordneo.com/graphic-design-video/HTML5-Tutorial-Basics-of-Canvas-Drawing"><h2 class="m-ellipsis--text m-card--header-text" role="heading" aria-level="2">HTML5绘制教程:画布绘制的基础知识</h2></a> </phoenix-ellipsis> <div class="m-card--metadata"> <div class="m-card--metadata-a"> <div> <a class="m-card--metadata-b-link" href="//www.lordneo.com/@simeonvisser" onclick="return phoenixTrackClickEvent(this, event, 'click', 'phx-track-id', undefined) && window.phoenixStopEventPropagation && phoenixStopEventPropagation(event);" oncontextmenu="return window.phoenixStopEventPropagation && phoenixStopEventPropagation(event);" phx-track-id="SectionKey">西蒙维瑟</a> </div> <div> <span>2021年1月14日,</span> </div> </div> </div> </div> </phoenix-card> </phoenix-super-link> </div> <div class="l-grid--item">  <phoenix-super-link href="/graphic-design-video/Glossy-Black-Metal-Text-Effect-in-Adobe-Photoshop" onclick="return window.phoenixTrackRecommendationClickEvent && phoenixTrackRecommendationClickEvent('cardclick','/graphic-design-video/Glossy-Black-Metal-Text-Effect-in-Adobe-Photoshop','tempestn_tile-hub_turbofuture_article-page_title-not-found-1-1',undefined, 'Image')"> <phoenix-card class="m-card mm-card--type-image mm-card--density-standard" role="article" index="1"> <div class="m-card--media"> <a class="m-card--image-link" onclick="return phoenixTrackClickEvent(this, event);" phx-track-id="Image" rel="" href="//www.lordneo.com/graphic-design-video/Glossy-Black-Metal-Text-Effect-in-Adobe-Photoshop" title=""> <phoenix-picture> <picture class="is-waiting-to-load"> <source type="image/webp" media="(min-width: 675px)" data-srcset="https://images.saymedia-content.com/.image/ar_8:10%2Cc_fill%2Ccs_srgb%2Cg_faces:center%2Cq_auto:eco%2Cw_320/MTc0Mzk3ODMyOTA2Njc5NjU2/glossy-black-metal-text-effect-in-adobe-photoshop.webp 320w, https://images.saymedia-content.com/.image/ar_8:10%2Cc_fill%2Ccs_srgb%2Cg_faces:center%2Cq_auto:eco%2Cw_640/MTc0Mzk3ODMyOTA2Njc5NjU2/glossy-black-metal-text-effect-in-adobe-photoshop.webp 640w, https://images.saymedia-content.com/.image/ar_8:10%2Cc_fill%2Ccs_srgb%2Cg_faces:center%2Cq_auto:eco%2Cw_960/MTc0Mzk3ODMyOTA2Njc5NjU2/glossy-black-metal-text-effect-in-adobe-photoshop.webp 960w" sizes="320px"> <source media="(min-width: 675px)" data-srcset="https://images.saymedia-content.com/.image/ar_8:10%2Cc_fill%2Ccs_srgb%2Cfl_progressive%2Cg_faces:center%2Cq_auto:eco%2Cw_320/MTc0Mzk3ODMyOTA2Njc5NjU2/glossy-black-metal-text-effect-in-adobe-photoshop.jpg 320w, https://images.saymedia-content.com/.image/ar_8:10%2Cc_fill%2Ccs_srgb%2Cfl_progressive%2Cg_faces:center%2Cq_auto:eco%2Cw_640/MTc0Mzk3ODMyOTA2Njc5NjU2/glossy-black-metal-text-effect-in-adobe-photoshop.jpg 640w, https://images.saymedia-content.com/.image/ar_8:10%2Cc_fill%2Ccs_srgb%2Cfl_progressive%2Cg_faces:center%2Cq_auto:eco%2Cw_960/MTc0Mzk3ODMyOTA2Njc5NjU2/glossy-black-metal-text-effect-in-adobe-photoshop.jpg 960w" sizes="320px"> <source type="image/webp" media="(min-width: 0px)" data-srcset="https://images.saymedia-content.com/.image/ar_16:9%2Cc_fill%2Ccs_srgb%2Cg_faces:center%2Cq_auto:eco%2Cw_320/MTc0Mzk3ODMyOTA2Njc5NjU2/glossy-black-metal-text-effect-in-adobe-photoshop.webp 320w, https://images.saymedia-content.com/.image/ar_16:9%2Cc_fill%2Ccs_srgb%2Cg_faces:center%2Cq_auto:eco%2Cw_640/MTc0Mzk3ODMyOTA2Njc5NjU2/glossy-black-metal-text-effect-in-adobe-photoshop.webp 640w, https://images.saymedia-content.com/.image/ar_16:9%2Cc_fill%2Ccs_srgb%2Cg_faces:center%2Cq_auto:eco%2Cw_960/MTc0Mzk3ODMyOTA2Njc5NjU2/glossy-black-metal-text-effect-in-adobe-photoshop.webp 960w" sizes="320px"> <source media="(min-width: 0px)" data-srcset="https://images.saymedia-content.com/.image/ar_16:9%2Cc_fill%2Ccs_srgb%2Cfl_progressive%2Cg_faces:center%2Cq_auto:eco%2Cw_320/MTc0Mzk3ODMyOTA2Njc5NjU2/glossy-black-metal-text-effect-in-adobe-photoshop.jpg 320w, https://images.saymedia-content.com/.image/ar_16:9%2Cc_fill%2Ccs_srgb%2Cfl_progressive%2Cg_faces:center%2Cq_auto:eco%2Cw_640/MTc0Mzk3ODMyOTA2Njc5NjU2/glossy-black-metal-text-effect-in-adobe-photoshop.jpg 640w, https://images.saymedia-content.com/.image/ar_16:9%2Cc_fill%2Ccs_srgb%2Cfl_progressive%2Cg_faces:center%2Cq_auto:eco%2Cw_960/MTc0Mzk3ODMyOTA2Njc5NjU2/glossy-black-metal-text-effect-in-adobe-photoshop.jpg 960w" sizes="320px"> <img class="m-card--image-element" decoding="async" nopin="true" sizes="320px" src="https://images.saymedia-content.com/.image/ar_8:10%2Cc_fill%2Ccs_srgb%2Cfl_progressive%2Cg_faces:center%2Cq_auto:eco%2Cw_620/MTc0Mzk3ODMyOTA2Njc5NjU2/glossy-black-metal-text-effect-in-adobe-photoshop.jpg" srcset="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" alt="adobe photoshop中的光滑黑色金属文本效果"> </picture> <div class="m-card--image-aspect-ratio-pusher"></div> </phoenix-picture></a> </div> <div class="m-card--content"> <div class="m-card--label"> <a href="//www.lordneo.com/graphic-design-video/" onclick="return phoenixTrackClickEvent(this, event, 'click', 'phx-track-id', undefined) && window.phoenixStopEventPropagation && phoenixStopEventPropagation(event)" oncontextmenu="return window.phoenixStopEventPropagation && phoenixStopEventPropagation(event)" phx-track-id="Label">平面设计与视频编辑</a> </div> <phoenix-ellipsis class="m-ellipsis m-card--header"> <a onclick="return phoenixTrackClickEvent(this, event, 'click', 'phx-track-id', undefined) && window.phoenixStopEventPropagation && phoenixStopEventPropagation(event);" oncontextmenu="return window.phoenixStopEventPropagation && phoenixStopEventPropagation(event);" phx-track-id="Title" rel="" href="//www.lordneo.com/graphic-design-video/Glossy-Black-Metal-Text-Effect-in-Adobe-Photoshop"><h2 class="m-ellipsis--text m-card--header-text" role="heading" aria-level="2">Adobe Photoshop教程:光滑的黑色金属文字效果</h2></a> </phoenix-ellipsis> <div class="m-card--metadata"> <div class="m-card--metadata-a"> <div> <a class="m-card--metadata-b-link" href="//www.lordneo.com/@paintdrips" onclick="return phoenixTrackClickEvent(this, event, 'click', 'phx-track-id', undefined) && window.phoenixStopEventPropagation && phoenixStopEventPropagation(event);" oncontextmenu="return window.phoenixStopEventPropagation && phoenixStopEventPropagation(event);" phx-track-id="SectionKey">由丹尼斯麦吉尔</a> </div> <div> <span>2021年1月19日</span> </div> </div> </div> </div> </phoenix-card> </phoenix-super-link> </div> <div class="l-grid--item">  <phoenix-super-link href="/graphic-design-video/Colorful-Rainbow-Text-Effect-in-Photoshop" onclick="return window.phoenixTrackRecommendationClickEvent && phoenixTrackRecommendationClickEvent('cardclick','/graphic-design-video/Colorful-Rainbow-Text-Effect-in-Photoshop','tempestn_tile-hub_turbofuture_article-page_title-not-found-1-1',undefined, 'Image')"> <phoenix-card class="m-card mm-card--type-image mm-card--density-standard" role="article" index="2"> <div class="m-card--media"> <a class="m-card--image-link" onclick="return phoenixTrackClickEvent(this, event);" phx-track-id="Image" rel="" href="//www.lordneo.com/graphic-design-video/Colorful-Rainbow-Text-Effect-in-Photoshop" title=""> <phoenix-picture> <picture class="is-waiting-to-load"> <source type="image/webp" media="(min-width: 675px)" data-srcset="https://images.saymedia-content.com/.image/ar_8:10%2Cc_fill%2Ccs_srgb%2Cg_faces:center%2Cq_auto:eco%2Cw_320/MTc0Mzk0MDIyMTk2OTQ2NTY2/colorful-rainbow-text-effect-in-photoshop.webp 320w, https://images.saymedia-content.com/.image/ar_8:10%2Cc_fill%2Ccs_srgb%2Cg_faces:center%2Cq_auto:eco%2Cw_640/MTc0Mzk0MDIyMTk2OTQ2NTY2/colorful-rainbow-text-effect-in-photoshop.webp 640w, https://images.saymedia-content.com/.image/ar_8:10%2Cc_fill%2Ccs_srgb%2Cg_faces:center%2Cq_auto:eco%2Cw_960/MTc0Mzk0MDIyMTk2OTQ2NTY2/colorful-rainbow-text-effect-in-photoshop.webp 960w" sizes="320px"> <source media="(min-width: 675px)" data-srcset="https://images.saymedia-content.com/.image/ar_8:10%2Cc_fill%2Ccs_srgb%2Cfl_progressive%2Cg_faces:center%2Cq_auto:eco%2Cw_320/MTc0Mzk0MDIyMTk2OTQ2NTY2/colorful-rainbow-text-effect-in-photoshop.jpg 320w, https://images.saymedia-content.com/.image/ar_8:10%2Cc_fill%2Ccs_srgb%2Cfl_progressive%2Cg_faces:center%2Cq_auto:eco%2Cw_640/MTc0Mzk0MDIyMTk2OTQ2NTY2/colorful-rainbow-text-effect-in-photoshop.jpg 640w, https://images.saymedia-content.com/.image/ar_8:10%2Cc_fill%2Ccs_srgb%2Cfl_progressive%2Cg_faces:center%2Cq_auto:eco%2Cw_960/MTc0Mzk0MDIyMTk2OTQ2NTY2/colorful-rainbow-text-effect-in-photoshop.jpg 960w" sizes="320px"> <source type="image/webp" media="(min-width: 0px)" data-srcset="https://images.saymedia-content.com/.image/ar_16:9%2Cc_fill%2Ccs_srgb%2Cg_faces:center%2Cq_auto:eco%2Cw_320/MTc0Mzk0MDIyMTk2OTQ2NTY2/colorful-rainbow-text-effect-in-photoshop.webp 320w, https://images.saymedia-content.com/.image/ar_16:9%2Cc_fill%2Ccs_srgb%2Cg_faces:center%2Cq_auto:eco%2Cw_640/MTc0Mzk0MDIyMTk2OTQ2NTY2/colorful-rainbow-text-effect-in-photoshop.webp 640w, https://images.saymedia-content.com/.image/ar_16:9%2Cc_fill%2Ccs_srgb%2Cg_faces:center%2Cq_auto:eco%2Cw_960/MTc0Mzk0MDIyMTk2OTQ2NTY2/colorful-rainbow-text-effect-in-photoshop.webp 960w" sizes="320px"> <source media="(min-width: 0px)" data-srcset="https://images.saymedia-content.com/.image/ar_16:9%2Cc_fill%2Ccs_srgb%2Cfl_progressive%2Cg_faces:center%2Cq_auto:eco%2Cw_320/MTc0Mzk0MDIyMTk2OTQ2NTY2/colorful-rainbow-text-effect-in-photoshop.jpg 320w, https://images.saymedia-content.com/.image/ar_16:9%2Cc_fill%2Ccs_srgb%2Cfl_progressive%2Cg_faces:center%2Cq_auto:eco%2Cw_640/MTc0Mzk0MDIyMTk2OTQ2NTY2/colorful-rainbow-text-effect-in-photoshop.jpg 640w, https://images.saymedia-content.com/.image/ar_16:9%2Cc_fill%2Ccs_srgb%2Cfl_progressive%2Cg_faces:center%2Cq_auto:eco%2Cw_960/MTc0Mzk0MDIyMTk2OTQ2NTY2/colorful-rainbow-text-effect-in-photoshop.jpg 960w" sizes="320px"> <img class="m-card--image-element" decoding="async" nopin="true" sizes="320px" src="https://images.saymedia-content.com/.image/ar_8:10%2Cc_fill%2Ccs_srgb%2Cfl_progressive%2Cg_faces:center%2Cq_auto:eco%2Cw_620/MTc0Mzk0MDIyMTk2OTQ2NTY2/colorful-rainbow-text-effect-in-photoshop.jpg" srcset="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" alt="photoshop中的彩色彩虹文本效果"> </picture> <div class="m-card--image-aspect-ratio-pusher"></div> </phoenix-picture></a> </div> <div class="m-card--content"> <div class="m-card--label"> <a href="//www.lordneo.com/graphic-design-video/" onclick="return phoenixTrackClickEvent(this, event, 'click', 'phx-track-id', undefined) && window.phoenixStopEventPropagation && phoenixStopEventPropagation(event)" oncontextmenu="return window.phoenixStopEventPropagation && phoenixStopEventPropagation(event)" phx-track-id="Label">平面设计与视频编辑</a> </div> <phoenix-ellipsis class="m-ellipsis m-card--header"> <a onclick="return phoenixTrackClickEvent(this, event, 'click', 'phx-track-id', undefined) && window.phoenixStopEventPropagation && phoenixStopEventPropagation(event);" oncontextmenu="return window.phoenixStopEventPropagation && phoenixStopEventPropagation(event);" phx-track-id="Title" rel="" href="//www.lordneo.com/graphic-design-video/Colorful-Rainbow-Text-Effect-in-Photoshop"><h2 class="m-ellipsis--text m-card--header-text" role="heading" aria-level="2">如何在Photoshop中创建彩色彩虹文字效果</h2></a> </phoenix-ellipsis> <div class="m-card--metadata"> <div class="m-card--metadata-a"> <div> <a class="m-card--metadata-b-link" href="//www.lordneo.com/@paintdrips" onclick="return phoenixTrackClickEvent(this, event, 'click', 'phx-track-id', undefined) && window.phoenixStopEventPropagation && phoenixStopEventPropagation(event);" oncontextmenu="return window.phoenixStopEventPropagation && phoenixStopEventPropagation(event);" phx-track-id="SectionKey">由丹尼斯麦吉尔</a> </div> <div> <span>2021年1月4日,</span> </div> </div> </div> </div> </phoenix-card> </phoenix-super-link> </div> <div class="l-grid--item l-grid--ad-card" data-cards-before="3"> <div class="m-ad-card--outer-container"> <div class="m-ad-card--inner-container"> <phoenix-ad class="m-ad not-size-b not-size-c not-size-d m-in-card-ad--slot" config="{"adHtml":"","adReloaderDelay":0,"maxAdReloads":5,"adReloaderSizeCodes":null,"adCloseButton":false,"bonusConfig":null,"classRules":[{"dimensions":["0x0"],"classes":["m-advertisement--fluid-card","m-advertisement--fluid-image-card"]}],"localizedPhrases":{"advertisement_legend":"ADVERTISEMENT","outstream_clickout":"Visit Website","outstream_thanks":"Thanks for watching!"},"overrideOutstreamScript":false,"moduleClass":"m-in-card-ad","slotId":"ad-567c6f2433d0478ab111287b95e4e408","visClasses":["not-size-b","not-size-c","not-size-d"],"extraClasses":null,"zone":"below_content_card","adGroup":"below_content_card-0","slotConfig":{"config":{"sizes":[[300,250],"fluid"]},"model":{"zone":"below_content_card","index":"0","isOutstream":false,"deferLoad":false,"nativeCardType":"image"},"sizes":[{"width":300,"height":250},{"name":"fluid"}],"screenSizes":["A"],"slotModel":{"zone":"below_content_card","index":"0","isOutstream":false,"deferLoad":false,"nativeCardType":"image"},"id":"ad-567c6f2433d0478ab111287b95e4e408","adUnitPath":"/88059007/www.lordneo.com/graphic-design-video"}}" data-class-rules="[{"dimensions":["0x0"],"classes":["m-advertisement--fluid-card","m-advertisement--fluid-image-card"]}]"></phoenix-ad> <phoenix-ad class="m-ad not-size-a not-size-c not-size-d m-in-card-ad--slot" config="{"adHtml":"","adReloaderDelay":0,"maxAdReloads":5,"adReloaderSizeCodes":null,"adCloseButton":false,"bonusConfig":null,"classRules":[{"dimensions":["0x0"],"classes":["m-advertisement--fluid-card","m-advertisement--fluid-image-card"]}],"localizedPhrases":{"advertisement_legend":"ADVERTISEMENT","outstream_clickout":"Visit Website","outstream_thanks":"Thanks for watching!"},"overrideOutstreamScript":false,"moduleClass":"m-in-card-ad","slotId":"ad-58705bbdd6ed411ea7521a5a9519d913","visClasses":["not-size-a","not-size-c","not-size-d"],"extraClasses":null,"zone":"below_content_card","adGroup":"below_content_card-1","slotConfig":{"config":{"sizes":[[300,250],"fluid"]},"model":{"zone":"below_content_card","index":"1","isOutstream":false,"deferLoad":false,"nativeCardType":"image"},"sizes":[{"width":300,"height":250},{"name":"fluid"}],"screenSizes":["B"],"slotModel":{"zone":"below_content_card","index":"1","isOutstream":false,"deferLoad":false,"nativeCardType":"image"},"id":"ad-58705bbdd6ed411ea7521a5a9519d913","adUnitPath":"/88059007/www.lordneo.com/graphic-design-video"}}" data-class-rules="[{"dimensions":["0x0"],"classes":["m-advertisement--fluid-card","m-advertisement--fluid-image-card"]}]"></phoenix-ad> <phoenix-ad class="m-ad not-size-a not-size-b not-size-d m-in-card-ad--slot" config="{"adHtml":"","adReloaderDelay":0,"maxAdReloads":5,"adReloaderSizeCodes":null,"adCloseButton":false,"bonusConfig":null,"classRules":[{"dimensions":["0x0"],"classes":["m-advertisement--fluid-card","m-advertisement--fluid-image-card"]}],"localizedPhrases":{"advertisement_legend":"ADVERTISEMENT","outstream_clickout":"Visit Website","outstream_thanks":"Thanks for watching!"},"overrideOutstreamScript":false,"moduleClass":"m-in-card-ad","slotId":"ad-52da16cb41f8495f85a3098a549466e5","visClasses":["not-size-a","not-size-b","not-size-d"],"extraClasses":null,"zone":"below_content_card","adGroup":"below_content_card-2","slotConfig":{"config":{"sizes":[[300,250],"fluid"]},"model":{"zone":"below_content_card","index":"2","isOutstream":false,"deferLoad":false,"nativeCardType":"image"},"sizes":[{"width":300,"height":250},{"name":"fluid"}],"screenSizes":["C"],"slotModel":{"zone":"below_content_card","index":"2","isOutstream":false,"deferLoad":false,"nativeCardType":"image"},"id":"ad-52da16cb41f8495f85a3098a549466e5","adUnitPath":"/88059007/www.lordneo.com/graphic-design-video"}}" data-class-rules="[{"dimensions":["0x0"],"classes":["m-advertisement--fluid-card","m-advertisement--fluid-image-card"]}]"></phoenix-ad> </div> </div> </div> <div class="l-grid--item">  <phoenix-super-link href="/graphic-design-video/How-to-Turn-a-Photo-into-a-Painting-or-Drawing-with-Color-Filters" onclick="return window.phoenixTrackRecommendationClickEvent && phoenixTrackRecommendationClickEvent('cardclick','/graphic-design-video/How-to-Turn-a-Photo-into-a-Painting-or-Drawing-with-Color-Filters','tempestn_tile-hub_turbofuture_article-page_title-not-found-1-1',undefined, 'Image')"> <phoenix-card class="m-card mm-card--type-image mm-card--density-standard" role="article" index="3"> <div class="m-card--media"> <a class="m-card--image-link" onclick="return phoenixTrackClickEvent(this, event);" phx-track-id="Image" rel="" href="//www.lordneo.com/graphic-design-video/How-to-Turn-a-Photo-into-a-Painting-or-Drawing-with-Color-Filters" title=""> <phoenix-picture> <picture class="is-waiting-to-load"> <source type="image/webp" media="(min-width: 675px)" data-srcset="https://images.saymedia-content.com/.image/ar_8:10%2Cc_fill%2Ccs_srgb%2Cg_faces:center%2Cq_auto:eco%2Cw_320/MTc0NTE4MjE3MDgxODkwODA2/how-to-turn-a-photo-into-a-painting-or-drawing-with-color-filters.webp 320w, https://images.saymedia-content.com/.image/ar_8:10%2Cc_fill%2Ccs_srgb%2Cg_faces:center%2Cq_auto:eco%2Cw_640/MTc0NTE4MjE3MDgxODkwODA2/how-to-turn-a-photo-into-a-painting-or-drawing-with-color-filters.webp 640w, https://images.saymedia-content.com/.image/ar_8:10%2Cc_fill%2Ccs_srgb%2Cg_faces:center%2Cq_auto:eco%2Cw_960/MTc0NTE4MjE3MDgxODkwODA2/how-to-turn-a-photo-into-a-painting-or-drawing-with-color-filters.webp 960w" sizes="320px"> <source media="(min-width: 675px)" data-srcset="https://images.saymedia-content.com/.image/ar_8:10%2Cc_fill%2Ccs_srgb%2Cfl_progressive%2Cg_faces:center%2Cq_auto:eco%2Cw_320/MTc0NTE4MjE3MDgxODkwODA2/how-to-turn-a-photo-into-a-painting-or-drawing-with-color-filters.jpg 320w, https://images.saymedia-content.com/.image/ar_8:10%2Cc_fill%2Ccs_srgb%2Cfl_progressive%2Cg_faces:center%2Cq_auto:eco%2Cw_640/MTc0NTE4MjE3MDgxODkwODA2/how-to-turn-a-photo-into-a-painting-or-drawing-with-color-filters.jpg 640w, https://images.saymedia-content.com/.image/ar_8:10%2Cc_fill%2Ccs_srgb%2Cfl_progressive%2Cg_faces:center%2Cq_auto:eco%2Cw_960/MTc0NTE4MjE3MDgxODkwODA2/how-to-turn-a-photo-into-a-painting-or-drawing-with-color-filters.jpg 960w" sizes="320px"> <source type="image/webp" media="(min-width: 0px)" data-srcset="https://images.saymedia-content.com/.image/ar_16:9%2Cc_fill%2Ccs_srgb%2Cg_faces:center%2Cq_auto:eco%2Cw_320/MTc0NTE4MjE3MDgxODkwODA2/how-to-turn-a-photo-into-a-painting-or-drawing-with-color-filters.webp 320w, https://images.saymedia-content.com/.image/ar_16:9%2Cc_fill%2Ccs_srgb%2Cg_faces:center%2Cq_auto:eco%2Cw_640/MTc0NTE4MjE3MDgxODkwODA2/how-to-turn-a-photo-into-a-painting-or-drawing-with-color-filters.webp 640w, https://images.saymedia-content.com/.image/ar_16:9%2Cc_fill%2Ccs_srgb%2Cg_faces:center%2Cq_auto:eco%2Cw_960/MTc0NTE4MjE3MDgxODkwODA2/how-to-turn-a-photo-into-a-painting-or-drawing-with-color-filters.webp 960w" sizes="320px"> <source media="(min-width: 0px)" data-srcset="https://images.saymedia-content.com/.image/ar_16:9%2Cc_fill%2Ccs_srgb%2Cfl_progressive%2Cg_faces:center%2Cq_auto:eco%2Cw_320/MTc0NTE4MjE3MDgxODkwODA2/how-to-turn-a-photo-into-a-painting-or-drawing-with-color-filters.jpg 320w, https://images.saymedia-content.com/.image/ar_16:9%2Cc_fill%2Ccs_srgb%2Cfl_progressive%2Cg_faces:center%2Cq_auto:eco%2Cw_640/MTc0NTE4MjE3MDgxODkwODA2/how-to-turn-a-photo-into-a-painting-or-drawing-with-color-filters.jpg 640w, https://images.saymedia-content.com/.image/ar_16:9%2Cc_fill%2Ccs_srgb%2Cfl_progressive%2Cg_faces:center%2Cq_auto:eco%2Cw_960/MTc0NTE4MjE3MDgxODkwODA2/how-to-turn-a-photo-into-a-painting-or-drawing-with-color-filters.jpg 960w" sizes="320px"> <img class="m-card--image-element" decoding="async" nopin="true" sizes="320px" src="https://images.saymedia-content.com/.image/ar_8:10%2Cc_fill%2Ccs_srgb%2Cfl_progressive%2Cg_faces:center%2Cq_auto:eco%2Cw_620/MTc0NTE4MjE3MDgxODkwODA2/how-to-turn-a-photo-into-a-painting-or-drawing-with-color-filters.jpg" srcset="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" alt="如何使用滤色器将照片变成绘画或绘画"> </picture> <div class="m-card--image-aspect-ratio-pusher"></div> </phoenix-picture></a> </div> <div class="m-card--content"> <div class="m-card--label"> <a href="//www.lordneo.com/graphic-design-video/" onclick="return phoenixTrackClickEvent(this, event, 'click', 'phx-track-id', undefined) && window.phoenixStopEventPropagation && phoenixStopEventPropagation(event)" oncontextmenu="return window.phoenixStopEventPropagation && phoenixStopEventPropagation(event)" phx-track-id="Label">平面设计与视频编辑</a> </div> <phoenix-ellipsis class="m-ellipsis m-card--header"> <a onclick="return phoenixTrackClickEvent(this, event, 'click', 'phx-track-id', undefined) && window.phoenixStopEventPropagation && phoenixStopEventPropagation(event);" oncontextmenu="return window.phoenixStopEventPropagation && phoenixStopEventPropagation(event);" phx-track-id="Title" rel="" href="//www.lordneo.com/graphic-design-video/How-to-Turn-a-Photo-into-a-Painting-or-Drawing-with-Color-Filters"><h2 class="m-ellipsis--text m-card--header-text" role="heading" aria-level="2">如何将照片变成绘画或彩色滤镜绘图</h2></a> </phoenix-ellipsis> <div class="m-card--metadata"> <div class="m-card--metadata-a"> <div> <a class="m-card--metadata-b-link" href="//www.lordneo.com/@mikejhca" onclick="return phoenixTrackClickEvent(this, event, 'click', 'phx-track-id', undefined) && window.phoenixStopEventPropagation && phoenixStopEventPropagation(event);" oncontextmenu="return window.phoenixStopEventPropagation && phoenixStopEventPropagation(event);" phx-track-id="SectionKey">由迈克尔·H</a> </div> <div> <span>2020年8月15日</span> </div> </div> </div> </div> </phoenix-card> </phoenix-super-link> </div> <div class="l-grid--item">  <phoenix-super-link href="/graphic-design-video/Text-Drawings-Image-to-Ascii-Art" onclick="return window.phoenixTrackRecommendationClickEvent && phoenixTrackRecommendationClickEvent('cardclick','/graphic-design-video/Text-Drawings-Image-to-Ascii-Art','tempestn_tile-hub_turbofuture_article-page_title-not-found-1-1',undefined, 'Image')"> <phoenix-card class="m-card mm-card--type-image mm-card--density-standard" role="article" index="4"> <div class="m-card--media"> <a class="m-card--image-link" onclick="return phoenixTrackClickEvent(this, event);" phx-track-id="Image" rel="" href="//www.lordneo.com/graphic-design-video/Text-Drawings-Image-to-Ascii-Art" title=""> <phoenix-picture> <picture class="is-waiting-to-load"> <source type="image/webp" media="(min-width: 675px)" data-srcset="https://images.saymedia-content.com/.image/ar_8:10%2Cc_fill%2Ccs_srgb%2Cg_faces:center%2Cq_auto:eco%2Cw_320/MTgyNjEzNTI5NTUwMDcxMjAz/text-drawings-image-to-ascii-art.webp 320w, https://images.saymedia-content.com/.image/ar_8:10%2Cc_fill%2Ccs_srgb%2Cg_faces:center%2Cq_auto:eco%2Cw_640/MTgyNjEzNTI5NTUwMDcxMjAz/text-drawings-image-to-ascii-art.webp 640w, https://images.saymedia-content.com/.image/ar_8:10%2Cc_fill%2Ccs_srgb%2Cg_faces:center%2Cq_auto:eco%2Cw_960/MTgyNjEzNTI5NTUwMDcxMjAz/text-drawings-image-to-ascii-art.webp 960w" sizes="320px"> <source media="(min-width: 675px)" data-srcset="https://images.saymedia-content.com/.image/ar_8:10%2Cc_fill%2Ccs_srgb%2Cfl_progressive%2Cg_faces:center%2Cq_auto:eco%2Cw_320/MTgyNjEzNTI5NTUwMDcxMjAz/text-drawings-image-to-ascii-art.jpg 320w, https://images.saymedia-content.com/.image/ar_8:10%2Cc_fill%2Ccs_srgb%2Cfl_progressive%2Cg_faces:center%2Cq_auto:eco%2Cw_640/MTgyNjEzNTI5NTUwMDcxMjAz/text-drawings-image-to-ascii-art.jpg 640w, https://images.saymedia-content.com/.image/ar_8:10%2Cc_fill%2Ccs_srgb%2Cfl_progressive%2Cg_faces:center%2Cq_auto:eco%2Cw_960/MTgyNjEzNTI5NTUwMDcxMjAz/text-drawings-image-to-ascii-art.jpg 960w" sizes="320px"> <source type="image/webp" media="(min-width: 0px)" data-srcset="https://images.saymedia-content.com/.image/ar_16:9%2Cc_fill%2Ccs_srgb%2Cg_faces:center%2Cq_auto:eco%2Cw_320/MTgyNjEzNTI5NTUwMDcxMjAz/text-drawings-image-to-ascii-art.webp 320w, https://images.saymedia-content.com/.image/ar_16:9%2Cc_fill%2Ccs_srgb%2Cg_faces:center%2Cq_auto:eco%2Cw_640/MTgyNjEzNTI5NTUwMDcxMjAz/text-drawings-image-to-ascii-art.webp 640w, https://images.saymedia-content.com/.image/ar_16:9%2Cc_fill%2Ccs_srgb%2Cg_faces:center%2Cq_auto:eco%2Cw_960/MTgyNjEzNTI5NTUwMDcxMjAz/text-drawings-image-to-ascii-art.webp 960w" sizes="320px"> <source media="(min-width: 0px)" data-srcset="https://images.saymedia-content.com/.image/ar_16:9%2Cc_fill%2Ccs_srgb%2Cfl_progressive%2Cg_faces:center%2Cq_auto:eco%2Cw_320/MTgyNjEzNTI5NTUwMDcxMjAz/text-drawings-image-to-ascii-art.jpg 320w, https://images.saymedia-content.com/.image/ar_16:9%2Cc_fill%2Ccs_srgb%2Cfl_progressive%2Cg_faces:center%2Cq_auto:eco%2Cw_640/MTgyNjEzNTI5NTUwMDcxMjAz/text-drawings-image-to-ascii-art.jpg 640w, https://images.saymedia-content.com/.image/ar_16:9%2Cc_fill%2Ccs_srgb%2Cfl_progressive%2Cg_faces:center%2Cq_auto:eco%2Cw_960/MTgyNjEzNTI5NTUwMDcxMjAz/text-drawings-image-to-ascii-art.jpg 960w" sizes="320px"> <img class="m-card--image-element" decoding="async" nopin="true" sizes="320px" src="https://images.saymedia-content.com/.image/ar_8:10%2Cc_fill%2Ccs_srgb%2Cfl_progressive%2Cg_faces:center%2Cq_auto:eco%2Cw_620/MTgyNjEzNTI5NTUwMDcxMjAz/text-drawings-image-to-ascii-art.jpg" srcset="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" alt="text-drawings-image-to-ascii-art"> </picture> <div class="m-card--image-aspect-ratio-pusher"></div> </phoenix-picture></a> </div> <div class="m-card--content"> <div class="m-card--label"> <a href="//www.lordneo.com/graphic-design-video/" onclick="return phoenixTrackClickEvent(this, event, 'click', 'phx-track-id', undefined) && window.phoenixStopEventPropagation && phoenixStopEventPropagation(event)" oncontextmenu="return window.phoenixStopEventPropagation && phoenixStopEventPropagation(event)" phx-track-id="Label">平面设计与视频编辑</a> </div> <phoenix-ellipsis class="m-ellipsis m-card--header"> <a onclick="return phoenixTrackClickEvent(this, event, 'click', 'phx-track-id', undefined) && window.phoenixStopEventPropagation && phoenixStopEventPropagation(event);" oncontextmenu="return window.phoenixStopEventPropagation && phoenixStopEventPropagation(event);" phx-track-id="Title" rel="" href="//www.lordneo.com/graphic-design-video/Text-Drawings-Image-to-Ascii-Art"><h2 class="m-ellipsis--text m-card--header-text" role="heading" aria-level="2">图像到ASCII艺术:如何制作文本绘图</h2></a> </phoenix-ellipsis> <div class="m-card--metadata"> <div class="m-card--metadata-a"> <div> <a class="m-card--metadata-b-link" href="//www.lordneo.com/@mikejhca" onclick="return phoenixTrackClickEvent(this, event, 'click', 'phx-track-id', undefined) && window.phoenixStopEventPropagation && phoenixStopEventPropagation(event);" oncontextmenu="return window.phoenixStopEventPropagation && phoenixStopEventPropagation(event);" phx-track-id="SectionKey">由迈克尔·H</a> </div> <div> <span>2021年8月2日,</span> </div> </div> </div> </div> </phoenix-card> </phoenix-super-link> </div> <div class="l-grid--item">  <phoenix-super-link href="/graphic-design-video/How-to-get-text-around-any-shape-in-Corel-Draw" onclick="return window.phoenixTrackRecommendationClickEvent && phoenixTrackRecommendationClickEvent('cardclick','/graphic-design-video/How-to-get-text-around-any-shape-in-Corel-Draw','tempestn_tile-hub_turbofuture_article-page_title-not-found-1-1',undefined, 'Image')"> <phoenix-card class="m-card mm-card--type-image mm-card--density-standard" role="article" index="5"> <div class="m-card--media"> <a class="m-card--image-link" onclick="return phoenixTrackClickEvent(this, event);" phx-track-id="Image" rel="" href="//www.lordneo.com/graphic-design-video/How-to-get-text-around-any-shape-in-Corel-Draw" title=""> <phoenix-picture> <picture class="is-waiting-to-load"> <source type="image/webp" media="(min-width: 675px)" data-srcset="https://images.saymedia-content.com/.image/ar_8:10%2Cc_fill%2Ccs_srgb%2Cg_faces:center%2Cq_auto:eco%2Cw_320/MTczOTg4MTA2NDQ4NDE0MDAz/how-to-get-text-around-any-shape-in-corel-draw.webp 320w, https://images.saymedia-content.com/.image/ar_8:10%2Cc_fill%2Ccs_srgb%2Cg_faces:center%2Cq_auto:eco%2Cw_640/MTczOTg4MTA2NDQ4NDE0MDAz/how-to-get-text-around-any-shape-in-corel-draw.webp 640w, https://images.saymedia-content.com/.image/ar_8:10%2Cc_fill%2Ccs_srgb%2Cg_faces:center%2Cq_auto:eco%2Cw_960/MTczOTg4MTA2NDQ4NDE0MDAz/how-to-get-text-around-any-shape-in-corel-draw.webp 960w" sizes="320px"> <source media="(min-width: 675px)" data-srcset="https://images.saymedia-content.com/.image/ar_8:10%2Cc_fill%2Ccs_srgb%2Cfl_progressive%2Cg_faces:center%2Cq_auto:eco%2Cw_320/MTczOTg4MTA2NDQ4NDE0MDAz/how-to-get-text-around-any-shape-in-corel-draw.jpg 320w, https://images.saymedia-content.com/.image/ar_8:10%2Cc_fill%2Ccs_srgb%2Cfl_progressive%2Cg_faces:center%2Cq_auto:eco%2Cw_640/MTczOTg4MTA2NDQ4NDE0MDAz/how-to-get-text-around-any-shape-in-corel-draw.jpg 640w, https://images.saymedia-content.com/.image/ar_8:10%2Cc_fill%2Ccs_srgb%2Cfl_progressive%2Cg_faces:center%2Cq_auto:eco%2Cw_960/MTczOTg4MTA2NDQ4NDE0MDAz/how-to-get-text-around-any-shape-in-corel-draw.jpg 960w" sizes="320px"> <source type="image/webp" media="(min-width: 0px)" data-srcset="https://images.saymedia-content.com/.image/ar_16:9%2Cc_fill%2Ccs_srgb%2Cg_faces:center%2Cq_auto:eco%2Cw_320/MTczOTg4MTA2NDQ4NDE0MDAz/how-to-get-text-around-any-shape-in-corel-draw.webp 320w, https://images.saymedia-content.com/.image/ar_16:9%2Cc_fill%2Ccs_srgb%2Cg_faces:center%2Cq_auto:eco%2Cw_640/MTczOTg4MTA2NDQ4NDE0MDAz/how-to-get-text-around-any-shape-in-corel-draw.webp 640w, https://images.saymedia-content.com/.image/ar_16:9%2Cc_fill%2Ccs_srgb%2Cg_faces:center%2Cq_auto:eco%2Cw_960/MTczOTg4MTA2NDQ4NDE0MDAz/how-to-get-text-around-any-shape-in-corel-draw.webp 960w" sizes="320px"> <source media="(min-width: 0px)" data-srcset="https://images.saymedia-content.com/.image/ar_16:9%2Cc_fill%2Ccs_srgb%2Cfl_progressive%2Cg_faces:center%2Cq_auto:eco%2Cw_320/MTczOTg4MTA2NDQ4NDE0MDAz/how-to-get-text-around-any-shape-in-corel-draw.jpg 320w, https://images.saymedia-content.com/.image/ar_16:9%2Cc_fill%2Ccs_srgb%2Cfl_progressive%2Cg_faces:center%2Cq_auto:eco%2Cw_640/MTczOTg4MTA2NDQ4NDE0MDAz/how-to-get-text-around-any-shape-in-corel-draw.jpg 640w, https://images.saymedia-content.com/.image/ar_16:9%2Cc_fill%2Ccs_srgb%2Cfl_progressive%2Cg_faces:center%2Cq_auto:eco%2Cw_960/MTczOTg4MTA2NDQ4NDE0MDAz/how-to-get-text-around-any-shape-in-corel-draw.jpg 960w" sizes="320px"> <img class="m-card--image-element" decoding="async" nopin="true" sizes="320px" src="https://images.saymedia-content.com/.image/ar_8:10%2Cc_fill%2Ccs_srgb%2Cfl_progressive%2Cg_faces:center%2Cq_auto:eco%2Cw_620/MTczOTg4MTA2NDQ4NDE0MDAz/how-to-get-text-around-any-shape-in-corel-draw.jpg" srcset="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" alt="轻松安排文本周围的任何形状在Corel"> </picture> <div class="m-card--image-aspect-ratio-pusher"></div> </phoenix-picture></a> </div> <div class="m-card--content"> <div class="m-card--label"> <a href="//www.lordneo.com/graphic-design-video/" onclick="return phoenixTrackClickEvent(this, event, 'click', 'phx-track-id', undefined) && window.phoenixStopEventPropagation && phoenixStopEventPropagation(event)" oncontextmenu="return window.phoenixStopEventPropagation && phoenixStopEventPropagation(event)" phx-track-id="Label">平面设计与视频编辑</a> </div> <phoenix-ellipsis class="m-ellipsis m-card--header"> <a onclick="return phoenixTrackClickEvent(this, event, 'click', 'phx-track-id', undefined) && window.phoenixStopEventPropagation && phoenixStopEventPropagation(event);" oncontextmenu="return window.phoenixStopEventPropagation && phoenixStopEventPropagation(event);" phx-track-id="Title" rel="" href="//www.lordneo.com/graphic-design-video/How-to-get-text-around-any-shape-in-Corel-Draw"><h2 class="m-ellipsis--text m-card--header-text" role="heading" aria-level="2">如何得到文字周围的任何形状在Corel绘制</h2></a> </phoenix-ellipsis> <div class="m-card--metadata"> <div class="m-card--metadata-a"> <div> <a class="m-card--metadata-b-link" href="//www.lordneo.com/@fuzzycookie" onclick="return phoenixTrackClickEvent(this, event, 'click', 'phx-track-id', undefined) && window.phoenixStopEventPropagation && phoenixStopEventPropagation(event);" oncontextmenu="return window.phoenixStopEventPropagation && phoenixStopEventPropagation(event);" phx-track-id="SectionKey">由FuzzyCookie</a> </div> <div> <span>2021年1月15日</span> </div> </div> </div> </div> </phoenix-card> </phoenix-super-link> </div> <div class="l-grid--item">  <phoenix-super-link href="/graphic-design-video/Graphic-Design-Using-Fonts" onclick="return window.phoenixTrackRecommendationClickEvent && phoenixTrackRecommendationClickEvent('cardclick','/graphic-design-video/Graphic-Design-Using-Fonts','tempestn_tile-hub_turbofuture_article-page_title-not-found-1-1',undefined, 'Image')"> <phoenix-card class="m-card mm-card--type-image mm-card--density-standard" role="article" index="6"> <div class="m-card--media"> <a class="m-card--image-link" onclick="return phoenixTrackClickEvent(this, event);" phx-track-id="Image" rel="" href="//www.lordneo.com/graphic-design-video/Graphic-Design-Using-Fonts" title=""> <phoenix-picture> <picture class="is-waiting-to-load"> <source type="image/webp" media="(min-width: 675px)" data-srcset="https://images.saymedia-content.com/.image/ar_8:10%2Cc_fill%2Ccs_srgb%2Cg_faces:center%2Cq_auto:eco%2Cw_320/MTc0MjcwNTU3OTkzNDQ1MjQ0/graphic-design-using-fonts.webp 320w, https://images.saymedia-content.com/.image/ar_8:10%2Cc_fill%2Ccs_srgb%2Cg_faces:center%2Cq_auto:eco%2Cw_640/MTc0MjcwNTU3OTkzNDQ1MjQ0/graphic-design-using-fonts.webp 640w, https://images.saymedia-content.com/.image/ar_8:10%2Cc_fill%2Ccs_srgb%2Cg_faces:center%2Cq_auto:eco%2Cw_960/MTc0MjcwNTU3OTkzNDQ1MjQ0/graphic-design-using-fonts.webp 960w" sizes="320px"> <source media="(min-width: 675px)" data-srcset="https://images.saymedia-content.com/.image/ar_8:10%2Cc_fill%2Ccs_srgb%2Cfl_progressive%2Cg_faces:center%2Cq_auto:eco%2Cw_320/MTc0MjcwNTU3OTkzNDQ1MjQ0/graphic-design-using-fonts.jpg 320w, https://images.saymedia-content.com/.image/ar_8:10%2Cc_fill%2Ccs_srgb%2Cfl_progressive%2Cg_faces:center%2Cq_auto:eco%2Cw_640/MTc0MjcwNTU3OTkzNDQ1MjQ0/graphic-design-using-fonts.jpg 640w, https://images.saymedia-content.com/.image/ar_8:10%2Cc_fill%2Ccs_srgb%2Cfl_progressive%2Cg_faces:center%2Cq_auto:eco%2Cw_960/MTc0MjcwNTU3OTkzNDQ1MjQ0/graphic-design-using-fonts.jpg 960w" sizes="320px"> <source type="image/webp" media="(min-width: 0px)" data-srcset="https://images.saymedia-content.com/.image/ar_16:9%2Cc_fill%2Ccs_srgb%2Cg_faces:center%2Cq_auto:eco%2Cw_320/MTc0MjcwNTU3OTkzNDQ1MjQ0/graphic-design-using-fonts.webp 320w, https://images.saymedia-content.com/.image/ar_16:9%2Cc_fill%2Ccs_srgb%2Cg_faces:center%2Cq_auto:eco%2Cw_640/MTc0MjcwNTU3OTkzNDQ1MjQ0/graphic-design-using-fonts.webp 640w, https://images.saymedia-content.com/.image/ar_16:9%2Cc_fill%2Ccs_srgb%2Cg_faces:center%2Cq_auto:eco%2Cw_960/MTc0MjcwNTU3OTkzNDQ1MjQ0/graphic-design-using-fonts.webp 960w" sizes="320px"> <source media="(min-width: 0px)" data-srcset="https://images.saymedia-content.com/.image/ar_16:9%2Cc_fill%2Ccs_srgb%2Cfl_progressive%2Cg_faces:center%2Cq_auto:eco%2Cw_320/MTc0MjcwNTU3OTkzNDQ1MjQ0/graphic-design-using-fonts.jpg 320w, https://images.saymedia-content.com/.image/ar_16:9%2Cc_fill%2Ccs_srgb%2Cfl_progressive%2Cg_faces:center%2Cq_auto:eco%2Cw_640/MTc0MjcwNTU3OTkzNDQ1MjQ0/graphic-design-using-fonts.jpg 640w, https://images.saymedia-content.com/.image/ar_16:9%2Cc_fill%2Ccs_srgb%2Cfl_progressive%2Cg_faces:center%2Cq_auto:eco%2Cw_960/MTc0MjcwNTU3OTkzNDQ1MjQ0/graphic-design-using-fonts.jpg 960w" sizes="320px"> <img class="m-card--image-element" decoding="async" nopin="true" sizes="320px" src="https://images.saymedia-content.com/.image/ar_8:10%2Cc_fill%2Ccs_srgb%2Cfl_progressive%2Cg_faces:center%2Cq_auto:eco%2Cw_620/MTc0MjcwNTU3OTkzNDQ1MjQ0/graphic-design-using-fonts.jpg" srcset="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" alt="graphic-design-using-fonts"> </picture> <div class="m-card--image-aspect-ratio-pusher"></div> </phoenix-picture></a> </div> <div class="m-card--content"> <div class="m-card--label"> <a href="//www.lordneo.com/graphic-design-video/" onclick="return phoenixTrackClickEvent(this, event, 'click', 'phx-track-id', undefined) && window.phoenixStopEventPropagation && phoenixStopEventPropagation(event)" oncontextmenu="return window.phoenixStopEventPropagation && phoenixStopEventPropagation(event)" phx-track-id="Label">平面设计与视频编辑</a> </div> <phoenix-ellipsis class="m-ellipsis m-card--header"> <a onclick="return phoenixTrackClickEvent(this, event, 'click', 'phx-track-id', undefined) && window.phoenixStopEventPropagation && phoenixStopEventPropagation(event);" oncontextmenu="return window.phoenixStopEventPropagation && phoenixStopEventPropagation(event);" phx-track-id="Title" rel="" href="//www.lordneo.com/graphic-design-video/Graphic-Design-Using-Fonts"><h2 class="m-ellipsis--text m-card--header-text" role="heading" aria-level="2">如何有效使用字体:平面设计教程</h2></a> </phoenix-ellipsis> <div class="m-card--metadata"> <div class="m-card--metadata-a"> <div> <a class="m-card--metadata-b-link" href="//www.lordneo.com/@georgielowery" onclick="return phoenixTrackClickEvent(this, event, 'click', 'phx-track-id', undefined) && window.phoenixStopEventPropagation && phoenixStopEventPropagation(event);" oncontextmenu="return window.phoenixStopEventPropagation && phoenixStopEventPropagation(event);" phx-track-id="SectionKey">由乔吉阴暗的</a> </div> <div> <span>2021年1月23日</span> </div> </div> </div> </div> </phoenix-card> </phoenix-super-link> </div> <div class="l-grid--item">  <phoenix-super-link href="/computers/HTML5-Tutorial-How-To-Use-Canvas-toDataURL" onclick="return window.phoenixTrackRecommendationClickEvent && phoenixTrackRecommendationClickEvent('cardclick','/computers/HTML5-Tutorial-How-To-Use-Canvas-toDataURL','tempestn_tile-hub_turbofuture_article-page_title-not-found-1-1',undefined, 'Image')"> <phoenix-card class="m-card mm-card--type-image mm-card--density-standard" role="article" index="7"> <div class="m-card--media"> <a class="m-card--image-link" onclick="return phoenixTrackClickEvent(this, event);" phx-track-id="Image" rel="" href="//www.lordneo.com/computers/HTML5-Tutorial-How-To-Use-Canvas-toDataURL" title=""> <div class="m-card--image-aspect-ratio-pusher"></div></a> </div> <div class="m-card--content"> <div class="m-card--label"> <a href="//www.lordneo.com/computers/" onclick="return phoenixTrackClickEvent(this, event, 'click', 'phx-track-id', undefined) && window.phoenixStopEventPropagation && phoenixStopEventPropagation(event)" oncontextmenu="return window.phoenixStopEventPropagation && phoenixStopEventPropagation(event)" phx-track-id="Label">计算机</a> </div> <phoenix-ellipsis class="m-ellipsis m-card--header"> <a onclick="return phoenixTrackClickEvent(this, event, 'click', 'phx-track-id', undefined) && window.phoenixStopEventPropagation && phoenixStopEventPropagation(event);" oncontextmenu="return window.phoenixStopEventPropagation && phoenixStopEventPropagation(event);" phx-track-id="Title" rel="" href="//www.lordneo.com/computers/HTML5-Tutorial-How-To-Use-Canvas-toDataURL"><h2 class="m-ellipsis--text m-card--header-text" role="heading" aria-level="2">HTML5教程:如何使用toDataURL在画布上获取和设置Base64图像</h2></a> </phoenix-ellipsis> <div class="m-card--metadata"> <div class="m-card--metadata-a"> <div> <a class="m-card--metadata-b-link" href="//www.lordneo.com/@simeonvisser" onclick="return phoenixTrackClickEvent(this, event, 'click', 'phx-track-id', undefined) && window.phoenixStopEventPropagation && phoenixStopEventPropagation(event);" oncontextmenu="return window.phoenixStopEventPropagation && phoenixStopEventPropagation(event);" phx-track-id="SectionKey">西蒙维瑟</a> </div> <div> <span>2021年1月21日</span> </div> </div> </div> </div> </phoenix-card> </phoenix-super-link> </div> </phoenix-non-personalized-recommendations-tracking> </section> <section class="m-adaptive-ad-component m-component-stack"> <aside class="m-in-content-ad-row not-size-b not-size-c not-size-d" data-ad-group="below_content-1"> <phoenix-ad class="m-ad not-size-b not-size-c not-size-d m-in-content-ad--slot" config="{"adHtml":"","adReloaderDelay":0,"maxAdReloads":5,"adReloaderSizeCodes":null,"adCloseButton":false,"bonusConfig":null,"classRules":[{"dimensions":["0x0"],"classes":["m-advertisement--fluid-card","m-advertisement--fluid-list-card"]}],"localizedPhrases":{"advertisement_legend":"ADVERTISEMENT","outstream_clickout":"Visit Website","outstream_thanks":"Thanks for watching!"},"overrideOutstreamScript":false,"moduleClass":"m-in-content-ad","slotId":"ad-120623ef150b4af68e3e515e55128a34","visClasses":["not-size-b","not-size-c","not-size-d"],"extraClasses":null,"zone":"below_content","adGroup":"below_content-1","slotConfig":{"config":{"sizes":[[300,250],[320,50],"fluid"]},"model":{"zone":"below_content","index":"1","isOutstream":false,"deferLoad":false,"nativeCardType":"list"},"sizes":[{"width":300,"height":250},{"width":320,"height":50},{"name":"fluid"}],"screenSizes":["A"],"slotModel":{"zone":"below_content","index":"1","isOutstream":false,"deferLoad":false,"nativeCardType":"list"},"id":"ad-120623ef150b4af68e3e515e55128a34","adUnitPath":"/88059007/www.lordneo.com/graphic-design-video"}}" data-class-rules="[{"dimensions":["0x0"],"classes":["m-advertisement--fluid-card","m-advertisement--fluid-list-card"]}]"></phoenix-ad> </aside> <aside class="m-in-content-ad-row not-size-a not-size-c not-size-d" data-ad-group="below_content-1"> <phoenix-ad class="m-ad not-size-a not-size-c not-size-d m-in-content-ad--slot" config="{"adHtml":"","adReloaderDelay":0,"maxAdReloads":5,"adReloaderSizeCodes":null,"adCloseButton":false,"bonusConfig":null,"classRules":[{"sizes":["728x90"],"classes":["is-728x90"]},{"sizes":["970x90"],"classes":["is-970x90"]},{"dimensions":["0x0"],"classes":["m-advertisement--fluid-card","m-advertisement--fluid-list-card"]}],"localizedPhrases":{"advertisement_legend":"ADVERTISEMENT","outstream_clickout":"Visit Website","outstream_thanks":"Thanks for watching!"},"overrideOutstreamScript":false,"moduleClass":"m-in-content-ad","slotId":"ad-6d4a3ff88fab4a8885ae6323cc431089","visClasses":["not-size-a","not-size-c","not-size-d"],"extraClasses":null,"zone":"below_content","adGroup":"below_content-1","slotConfig":{"config":{"sizes":[[728,90],[970,90],"fluid"]},"model":{"zone":"below_content","index":"1","isOutstream":false,"deferLoad":false,"nativeCardType":"list"},"sizes":[{"width":728,"height":90},{"width":970,"height":90},{"name":"fluid"}],"screenSizes":["B"],"slotModel":{"zone":"below_content","index":"1","isOutstream":false,"deferLoad":false,"nativeCardType":"list"},"id":"ad-6d4a3ff88fab4a8885ae6323cc431089","adUnitPath":"/88059007/www.lordneo.com/graphic-design-video"}}" data-class-rules="[{"sizes":["728x90"],"classes":["is-728x90"]},{"sizes":["970x90"],"classes":["is-970x90"]},{"dimensions":["0x0"],"classes":["m-advertisement--fluid-card","m-advertisement--fluid-list-card"]}]"></phoenix-ad> </aside> <aside class="m-in-content-ad-row not-size-a not-size-b not-size-d" data-ad-group="below_content-1"> <phoenix-ad class="m-ad not-size-a not-size-b not-size-d m-in-content-ad--slot" config="{"adHtml":"","adReloaderDelay":0,"maxAdReloads":5,"adReloaderSizeCodes":null,"adCloseButton":false,"bonusConfig":null,"classRules":[{"sizes":["728x90"],"classes":["is-728x90"]},{"dimensions":["0x0"],"classes":["m-advertisement--fluid-card","m-advertisement--fluid-list-card"]}],"localizedPhrases":{"advertisement_legend":"ADVERTISEMENT","outstream_clickout":"Visit Website","outstream_thanks":"Thanks for watching!"},"overrideOutstreamScript":false,"moduleClass":"m-in-content-ad","slotId":"ad-0cdd078308b9448a85fe99adc9634413","visClasses":["not-size-a","not-size-b","not-size-d"],"extraClasses":null,"zone":"below_content","adGroup":"below_content-1","slotConfig":{"config":{"sizes":[[728,90],"fluid"]},"model":{"zone":"below_content","index":"1","isOutstream":false,"deferLoad":false,"nativeCardType":"list"},"sizes":[{"width":728,"height":90},{"name":"fluid"}],"screenSizes":["C"],"slotModel":{"zone":"below_content","index":"1","isOutstream":false,"deferLoad":false,"nativeCardType":"list"},"id":"ad-0cdd078308b9448a85fe99adc9634413","adUnitPath":"/88059007/www.lordneo.com/graphic-design-video"}}" data-class-rules="[{"sizes":["728x90"],"classes":["is-728x90"]},{"dimensions":["0x0"],"classes":["m-advertisement--fluid-card","m-advertisement--fluid-list-card"]}]"></phoenix-ad> </aside> <aside class="m-in-content-ad-row not-size-a not-size-b not-size-c" data-ad-group="below_content-1"> <phoenix-ad class="m-ad not-size-a not-size-b not-size-c m-in-content-ad--slot" config="{"adHtml":"","adReloaderDelay":0,"maxAdReloads":5,"adReloaderSizeCodes":null,"adCloseButton":false,"bonusConfig":null,"classRules":[{"sizes":["728x90"],"classes":["is-728x90"]},{"dimensions":["0x0"],"classes":["m-advertisement--fluid-card","m-advertisement--fluid-list-card"]}],"localizedPhrases":{"advertisement_legend":"ADVERTISEMENT","outstream_clickout":"Visit Website","outstream_thanks":"Thanks for watching!"},"overrideOutstreamScript":false,"moduleClass":"m-in-content-ad","slotId":"ad-b3b5fb44b9a8429fb1d11b476cd28f1e","visClasses":["not-size-a","not-size-b","not-size-c"],"extraClasses":null,"zone":"below_content","adGroup":"below_content-1","slotConfig":{"config":{"sizes":[[728,90],"fluid"]},"model":{"zone":"below_content","index":"1","isOutstream":false,"deferLoad":false,"nativeCardType":"list"},"sizes":[{"width":728,"height":90},{"name":"fluid"}],"screenSizes":["D"],"slotModel":{"zone":"below_content","index":"1","isOutstream":false,"deferLoad":false,"nativeCardType":"list"},"id":"ad-b3b5fb44b9a8429fb1d11b476cd28f1e","adUnitPath":"/88059007/www.lordneo.com/graphic-design-video"},"showBlockthrough":true}" data-class-rules="[{"sizes":["728x90"],"classes":["is-728x90"]},{"dimensions":["0x0"],"classes":["m-advertisement--fluid-card","m-advertisement--fluid-list-card"]}]"></phoenix-ad> </aside> </section> <section class="m-card-group"> <phoenix-non-personalized-recommendations-tracking class="m-card-group--content l-grid lm-grid--density-standard lm-grid--image-cards" config="{"size":7,"widgetName":"tempestn_tile-hub_turbofuture_article-page_title-not-found-1-2"}"> <div class="l-grid--item">  <phoenix-super-link href="//www.lordneo.com/computers/Using-Word-Text-Boxes-Affectively" onclick="return window.phoenixTrackRecommendationClickEvent && phoenixTrackRecommendationClickEvent('cardclick','//www.lordneo.com/computers/Using-Word-Text-Boxes-Affectively','tempestn_tile-hub_turbofuture_article-page_title-not-found-1-2',undefined, 'Image')"> <phoenix-card class="m-card mm-card--type-image mm-card--density-standard" role="article" index="0"> <div class="m-card--media"> <a class="m-card--image-link" onclick="return phoenixTrackClickEvent(this, event);" phx-track-id="Image" rel="" href="//www.lordneo.com//www.lordneo.com/computers/Using-Word-Text-Boxes-Affectively" title=""> <phoenix-picture> <picture class="is-waiting-to-load"> <source type="image/webp" media="(min-width: 675px)" data-srcset="https://images.saymedia-content.com/.image/ar_8:10%2Cc_fill%2Ccs_srgb%2Cg_faces:center%2Cq_auto:eco%2Cw_320/MTc0MjI3ODAyMzk5NDUxMDA0/using-word-text-boxes-affectively.webp 320w, https://images.saymedia-content.com/.image/ar_8:10%2Cc_fill%2Ccs_srgb%2Cg_faces:center%2Cq_auto:eco%2Cw_640/MTc0MjI3ODAyMzk5NDUxMDA0/using-word-text-boxes-affectively.webp 640w, https://images.saymedia-content.com/.image/ar_8:10%2Cc_fill%2Ccs_srgb%2Cg_faces:center%2Cq_auto:eco%2Cw_960/MTc0MjI3ODAyMzk5NDUxMDA0/using-word-text-boxes-affectively.webp 960w" sizes="320px"> <source media="(min-width: 675px)" data-srcset="https://images.saymedia-content.com/.image/ar_8:10%2Cc_fill%2Ccs_srgb%2Cfl_progressive%2Cg_faces:center%2Cq_auto:eco%2Cw_320/MTc0MjI3ODAyMzk5NDUxMDA0/using-word-text-boxes-affectively.jpg 320w, https://images.saymedia-content.com/.image/ar_8:10%2Cc_fill%2Ccs_srgb%2Cfl_progressive%2Cg_faces:center%2Cq_auto:eco%2Cw_640/MTc0MjI3ODAyMzk5NDUxMDA0/using-word-text-boxes-affectively.jpg 640w, https://images.saymedia-content.com/.image/ar_8:10%2Cc_fill%2Ccs_srgb%2Cfl_progressive%2Cg_faces:center%2Cq_auto:eco%2Cw_960/MTc0MjI3ODAyMzk5NDUxMDA0/using-word-text-boxes-affectively.jpg 960w" sizes="320px"> <source type="image/webp" media="(min-width: 0px)" data-srcset="https://images.saymedia-content.com/.image/ar_16:9%2Cc_fill%2Ccs_srgb%2Cg_faces:center%2Cq_auto:eco%2Cw_320/MTc0MjI3ODAyMzk5NDUxMDA0/using-word-text-boxes-affectively.webp 320w, https://images.saymedia-content.com/.image/ar_16:9%2Cc_fill%2Ccs_srgb%2Cg_faces:center%2Cq_auto:eco%2Cw_640/MTc0MjI3ODAyMzk5NDUxMDA0/using-word-text-boxes-affectively.webp 640w, https://images.saymedia-content.com/.image/ar_16:9%2Cc_fill%2Ccs_srgb%2Cg_faces:center%2Cq_auto:eco%2Cw_960/MTc0MjI3ODAyMzk5NDUxMDA0/using-word-text-boxes-affectively.webp 960w" sizes="320px"> <source media="(min-width: 0px)" data-srcset="https://images.saymedia-content.com/.image/ar_16:9%2Cc_fill%2Ccs_srgb%2Cfl_progressive%2Cg_faces:center%2Cq_auto:eco%2Cw_320/MTc0MjI3ODAyMzk5NDUxMDA0/using-word-text-boxes-affectively.jpg 320w, https://images.saymedia-content.com/.image/ar_16:9%2Cc_fill%2Ccs_srgb%2Cfl_progressive%2Cg_faces:center%2Cq_auto:eco%2Cw_640/MTc0MjI3ODAyMzk5NDUxMDA0/using-word-text-boxes-affectively.jpg 640w, https://images.saymedia-content.com/.image/ar_16:9%2Cc_fill%2Ccs_srgb%2Cfl_progressive%2Cg_faces:center%2Cq_auto:eco%2Cw_960/MTc0MjI3ODAyMzk5NDUxMDA0/using-word-text-boxes-affectively.jpg 960w" sizes="320px"> <img class="m-card--image-element" decoding="async" nopin="true" sizes="320px" src="https://images.saymedia-content.com/.image/ar_8:10%2Cc_fill%2Ccs_srgb%2Cfl_progressive%2Cg_faces:center%2Cq_auto:eco%2Cw_620/MTc0MjI3ODAyMzk5NDUxMDA0/using-word-text-boxes-affectively.jpg" srcset="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" alt="using-word-text-boxes-affectively"> </picture> <div class="m-card--image-aspect-ratio-pusher"></div> </phoenix-picture></a> </div> <div class="m-card--content"> <div class="m-card--label"> <a href="//www.lordneo.com/computers/software-os/" onclick="return phoenixTrackClickEvent(this, event, 'click', 'phx-track-id', undefined) && window.phoenixStopEventPropagation && phoenixStopEventPropagation(event)" oncontextmenu="return window.phoenixStopEventPropagation && phoenixStopEventPropagation(event)" phx-track-id="Label">软件和操作系统</a> </div> <phoenix-ellipsis class="m-ellipsis m-card--header"> <a onclick="return phoenixTrackClickEvent(this, event, 'click', 'phx-track-id', undefined) && window.phoenixStopEventPropagation && phoenixStopEventPropagation(event);" oncontextmenu="return window.phoenixStopEventPropagation && phoenixStopEventPropagation(event);" phx-track-id="Title" rel="" href="//www.lordneo.com/computers/Using-Word-Text-Boxes-Affectively"><h2 class="m-ellipsis--text m-card--header-text" role="heading" aria-level="2">有效使用文字文本框</h2></a> </phoenix-ellipsis> <div class="m-card--metadata"> <div class="m-card--metadata-a"> <div> <a class="m-card--metadata-b-link" href="//www.lordneo.com/@brblog" onclick="return phoenixTrackClickEvent(this, event, 'click', 'phx-track-id', undefined) && window.phoenixStopEventPropagation && phoenixStopEventPropagation(event);" oncontextmenu="return window.phoenixStopEventPropagation && phoenixStopEventPropagation(event);" phx-track-id="SectionKey">由布鲁斯</a> </div> <div> <span>2018年10月29日</span> </div> </div> </div> </div> </phoenix-card> </phoenix-super-link> </div> <div class="l-grid--item">  <phoenix-super-link href="/graphic-design-video/Paintnet-Tutorial-Like-Photoshop-but-Easier" onclick="return window.phoenixTrackRecommendationClickEvent && phoenixTrackRecommendationClickEvent('cardclick','/graphic-design-video/Paintnet-Tutorial-Like-Photoshop-but-Easier','tempestn_tile-hub_turbofuture_article-page_title-not-found-1-2',undefined, 'Image')"> <phoenix-card class="m-card mm-card--type-image mm-card--density-standard" role="article" index="1"> <div class="m-card--media"> <a class="m-card--image-link" onclick="return phoenixTrackClickEvent(this, event);" phx-track-id="Image" rel="" href="//www.lordneo.com/graphic-design-video/Paintnet-Tutorial-Like-Photoshop-but-Easier" title=""> <phoenix-picture> <picture class="is-waiting-to-load"> <source type="image/webp" media="(min-width: 675px)" data-srcset="https://images.saymedia-content.com/.image/ar_8:10%2Cc_fill%2Ccs_srgb%2Cg_faces:center%2Cq_auto:eco%2Cw_320/MTc0NDg0MDE5MjEwMTAyNDA2/paintnet-tutorial-like-photoshop-but-easier.webp 320w, https://images.saymedia-content.com/.image/ar_8:10%2Cc_fill%2Ccs_srgb%2Cg_faces:center%2Cq_auto:eco%2Cw_640/MTc0NDg0MDE5MjEwMTAyNDA2/paintnet-tutorial-like-photoshop-but-easier.webp 640w, https://images.saymedia-content.com/.image/ar_8:10%2Cc_fill%2Ccs_srgb%2Cg_faces:center%2Cq_auto:eco%2Cw_960/MTc0NDg0MDE5MjEwMTAyNDA2/paintnet-tutorial-like-photoshop-but-easier.webp 960w" sizes="320px"> <source media="(min-width: 675px)" data-srcset="https://images.saymedia-content.com/.image/ar_8:10%2Cc_fill%2Ccs_srgb%2Cfl_progressive%2Cg_faces:center%2Cq_auto:eco%2Cw_320/MTc0NDg0MDE5MjEwMTAyNDA2/paintnet-tutorial-like-photoshop-but-easier.jpg 320w, https://images.saymedia-content.com/.image/ar_8:10%2Cc_fill%2Ccs_srgb%2Cfl_progressive%2Cg_faces:center%2Cq_auto:eco%2Cw_640/MTc0NDg0MDE5MjEwMTAyNDA2/paintnet-tutorial-like-photoshop-but-easier.jpg 640w, https://images.saymedia-content.com/.image/ar_8:10%2Cc_fill%2Ccs_srgb%2Cfl_progressive%2Cg_faces:center%2Cq_auto:eco%2Cw_960/MTc0NDg0MDE5MjEwMTAyNDA2/paintnet-tutorial-like-photoshop-but-easier.jpg 960w" sizes="320px"> <source type="image/webp" media="(min-width: 0px)" data-srcset="https://images.saymedia-content.com/.image/ar_16:9%2Cc_fill%2Ccs_srgb%2Cg_faces:center%2Cq_auto:eco%2Cw_320/MTc0NDg0MDE5MjEwMTAyNDA2/paintnet-tutorial-like-photoshop-but-easier.webp 320w, https://images.saymedia-content.com/.image/ar_16:9%2Cc_fill%2Ccs_srgb%2Cg_faces:center%2Cq_auto:eco%2Cw_640/MTc0NDg0MDE5MjEwMTAyNDA2/paintnet-tutorial-like-photoshop-but-easier.webp 640w, https://images.saymedia-content.com/.image/ar_16:9%2Cc_fill%2Ccs_srgb%2Cg_faces:center%2Cq_auto:eco%2Cw_960/MTc0NDg0MDE5MjEwMTAyNDA2/paintnet-tutorial-like-photoshop-but-easier.webp 960w" sizes="320px"> <source media="(min-width: 0px)" data-srcset="https://images.saymedia-content.com/.image/ar_16:9%2Cc_fill%2Ccs_srgb%2Cfl_progressive%2Cg_faces:center%2Cq_auto:eco%2Cw_320/MTc0NDg0MDE5MjEwMTAyNDA2/paintnet-tutorial-like-photoshop-but-easier.jpg 320w, https://images.saymedia-content.com/.image/ar_16:9%2Cc_fill%2Ccs_srgb%2Cfl_progressive%2Cg_faces:center%2Cq_auto:eco%2Cw_640/MTc0NDg0MDE5MjEwMTAyNDA2/paintnet-tutorial-like-photoshop-but-easier.jpg 640w, https://images.saymedia-content.com/.image/ar_16:9%2Cc_fill%2Ccs_srgb%2Cfl_progressive%2Cg_faces:center%2Cq_auto:eco%2Cw_960/MTc0NDg0MDE5MjEwMTAyNDA2/paintnet-tutorial-like-photoshop-but-easier.jpg 960w" sizes="320px"> <img class="m-card--image-element" decoding="async" nopin="true" sizes="320px" src="https://images.saymedia-content.com/.image/ar_8:10%2Cc_fill%2Ccs_srgb%2Cfl_progressive%2Cg_faces:center%2Cq_auto:eco%2Cw_620/MTc0NDg0MDE5MjEwMTAyNDA2/paintnet-tutorial-like-photoshop-but-easier.jpg" srcset="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" alt="paintnet教程与photoshop类似，但更简单"> </picture> <div class="m-card--image-aspect-ratio-pusher"></div> </phoenix-picture></a> </div> <div class="m-card--content"> <div class="m-card--label"> <a href="//www.lordneo.com/graphic-design-video/" onclick="return phoenixTrackClickEvent(this, event, 'click', 'phx-track-id', undefined) && window.phoenixStopEventPropagation && phoenixStopEventPropagation(event)" oncontextmenu="return window.phoenixStopEventPropagation && phoenixStopEventPropagation(event)" phx-track-id="Label">平面设计与视频编辑</a> </div> <phoenix-ellipsis class="m-ellipsis m-card--header"> <a onclick="return phoenixTrackClickEvent(this, event, 'click', 'phx-track-id', undefined) && window.phoenixStopEventPropagation && phoenixStopEventPropagation(event);" oncontextmenu="return window.phoenixStopEventPropagation && phoenixStopEventPropagation(event);" phx-track-id="Title" rel="" href="//www.lordneo.com/graphic-design-video/Paintnet-Tutorial-Like-Photoshop-but-Easier"><h2 class="m-ellipsis--text m-card--header-text" role="heading" aria-level="2">Paint.net教程:像Photoshop，但更容易</h2></a> </phoenix-ellipsis> <div class="m-card--metadata"> <div class="m-card--metadata-a"> <div> <a class="m-card--metadata-b-link" href="//www.lordneo.com/@tessschlesinger" onclick="return phoenixTrackClickEvent(this, event, 'click', 'phx-track-id', undefined) && window.phoenixStopEventPropagation && phoenixStopEventPropagation(event);" oncontextmenu="return window.phoenixStopEventPropagation && phoenixStopEventPropagation(event);" phx-track-id="SectionKey">泰莎·施莱辛格</a> </div> <div> <span>2020年12月17日</span> </div> </div> </div> </div> </phoenix-card> </phoenix-super-link> </div> <div class="l-grid--item">  <phoenix-super-link href="/graphic-design-video/How-to-make-a-diamond-shape-in-corel-draw" onclick="return window.phoenixTrackRecommendationClickEvent && phoenixTrackRecommendationClickEvent('cardclick','/graphic-design-video/How-to-make-a-diamond-shape-in-corel-draw','tempestn_tile-hub_turbofuture_article-page_title-not-found-1-2',undefined, 'Image')"> <phoenix-card class="m-card mm-card--type-image mm-card--density-standard" role="article" index="2"> <div class="m-card--media"> <a class="m-card--image-link" onclick="return phoenixTrackClickEvent(this, event);" phx-track-id="Image" rel="" href="//www.lordneo.com/graphic-design-video/How-to-make-a-diamond-shape-in-corel-draw" title=""> <phoenix-picture> <picture class="is-waiting-to-load"> <source type="image/webp" media="(min-width: 675px)" data-srcset="https://images.saymedia-content.com/.image/ar_8:10%2Cc_fill%2Ccs_srgb%2Cg_faces:center%2Cq_auto:eco%2Cw_320/MTc4Mzc1MDE1NTcyNDQ4ODc3/how-to-make-a-diamond-shape-in-corel-draw.webp 320w, https://images.saymedia-content.com/.image/ar_8:10%2Cc_fill%2Ccs_srgb%2Cg_faces:center%2Cq_auto:eco%2Cw_640/MTc4Mzc1MDE1NTcyNDQ4ODc3/how-to-make-a-diamond-shape-in-corel-draw.webp 640w, https://images.saymedia-content.com/.image/ar_8:10%2Cc_fill%2Ccs_srgb%2Cg_faces:center%2Cq_auto:eco%2Cw_960/MTc4Mzc1MDE1NTcyNDQ4ODc3/how-to-make-a-diamond-shape-in-corel-draw.webp 960w" sizes="320px"> <source media="(min-width: 675px)" data-srcset="https://images.saymedia-content.com/.image/ar_8:10%2Cc_fill%2Ccs_srgb%2Cfl_progressive%2Cg_faces:center%2Cq_auto:eco%2Cw_320/MTc4Mzc1MDE1NTcyNDQ4ODc3/how-to-make-a-diamond-shape-in-corel-draw.jpg 320w, https://images.saymedia-content.com/.image/ar_8:10%2Cc_fill%2Ccs_srgb%2Cfl_progressive%2Cg_faces:center%2Cq_auto:eco%2Cw_640/MTc4Mzc1MDE1NTcyNDQ4ODc3/how-to-make-a-diamond-shape-in-corel-draw.jpg 640w, https://images.saymedia-content.com/.image/ar_8:10%2Cc_fill%2Ccs_srgb%2Cfl_progressive%2Cg_faces:center%2Cq_auto:eco%2Cw_960/MTc4Mzc1MDE1NTcyNDQ4ODc3/how-to-make-a-diamond-shape-in-corel-draw.jpg 960w" sizes="320px"> <source type="image/webp" media="(min-width: 0px)" data-srcset="https://images.saymedia-content.com/.image/ar_16:9%2Cc_fill%2Ccs_srgb%2Cg_faces:center%2Cq_auto:eco%2Cw_320/MTc4Mzc1MDE1NTcyNDQ4ODc3/how-to-make-a-diamond-shape-in-corel-draw.webp 320w, https://images.saymedia-content.com/.image/ar_16:9%2Cc_fill%2Ccs_srgb%2Cg_faces:center%2Cq_auto:eco%2Cw_640/MTc4Mzc1MDE1NTcyNDQ4ODc3/how-to-make-a-diamond-shape-in-corel-draw.webp 640w, https://images.saymedia-content.com/.image/ar_16:9%2Cc_fill%2Ccs_srgb%2Cg_faces:center%2Cq_auto:eco%2Cw_960/MTc4Mzc1MDE1NTcyNDQ4ODc3/how-to-make-a-diamond-shape-in-corel-draw.webp 960w" sizes="320px"> <source media="(min-width: 0px)" data-srcset="https://images.saymedia-content.com/.image/ar_16:9%2Cc_fill%2Ccs_srgb%2Cfl_progressive%2Cg_faces:center%2Cq_auto:eco%2Cw_320/MTc4Mzc1MDE1NTcyNDQ4ODc3/how-to-make-a-diamond-shape-in-corel-draw.jpg 320w, https://images.saymedia-content.com/.image/ar_16:9%2Cc_fill%2Ccs_srgb%2Cfl_progressive%2Cg_faces:center%2Cq_auto:eco%2Cw_640/MTc4Mzc1MDE1NTcyNDQ4ODc3/how-to-make-a-diamond-shape-in-corel-draw.jpg 640w, https://images.saymedia-content.com/.image/ar_16:9%2Cc_fill%2Ccs_srgb%2Cfl_progressive%2Cg_faces:center%2Cq_auto:eco%2Cw_960/MTc4Mzc1MDE1NTcyNDQ4ODc3/how-to-make-a-diamond-shape-in-corel-draw.jpg 960w" sizes="320px"> <img class="m-card--image-element" decoding="async" nopin="true" sizes="320px" src="https://images.saymedia-content.com/.image/ar_8:10%2Cc_fill%2Ccs_srgb%2Cfl_progressive%2Cg_faces:center%2Cq_auto:eco%2Cw_620/MTc4Mzc1MDE1NTcyNDQ4ODc3/how-to-make-a-diamond-shape-in-corel-draw.jpg" srcset="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" alt="how-to-make-a-diamond-shape-in-corel-draw"> </picture> <div class="m-card--image-aspect-ratio-pusher"></div> </phoenix-picture></a> </div> <div class="m-card--content"> <div class="m-card--label"> <a href="//www.lordneo.com/graphic-design-video/" onclick="return phoenixTrackClickEvent(this, event, 'click', 'phx-track-id', undefined) && window.phoenixStopEventPropagation && phoenixStopEventPropagation(event)" oncontextmenu="return window.phoenixStopEventPropagation && phoenixStopEventPropagation(event)" phx-track-id="Label">平面设计与视频编辑</a> </div> <phoenix-ellipsis class="m-ellipsis m-card--header"> <a onclick="return phoenixTrackClickEvent(this, event, 'click', 'phx-track-id', undefined) && window.phoenixStopEventPropagation && phoenixStopEventPropagation(event);" oncontextmenu="return window.phoenixStopEventPropagation && phoenixStopEventPropagation(event);" phx-track-id="Title" rel="" href="//www.lordneo.com/graphic-design-video/How-to-make-a-diamond-shape-in-corel-draw"><h2 class="m-ellipsis--text m-card--header-text" role="heading" aria-level="2">如何在Corel Draw中制作菱形</h2></a> </phoenix-ellipsis> <div class="m-card--metadata"> <div class="m-card--metadata-a"> <div> <a class="m-card--metadata-b-link" href="//www.lordneo.com/@fuzzycookie" onclick="return phoenixTrackClickEvent(this, event, 'click', 'phx-track-id', undefined) && window.phoenixStopEventPropagation && phoenixStopEventPropagation(event);" oncontextmenu="return window.phoenixStopEventPropagation && phoenixStopEventPropagation(event);" phx-track-id="SectionKey">由FuzzyCookie</a> </div> <div> <span>2021年1月20日</span> </div> </div> </div> </div> </phoenix-card> </phoenix-super-link> </div> <div class="l-grid--item l-grid--ad-card" data-cards-before="3"> <div class="m-ad-card--outer-container"> <div class="m-ad-card--inner-container"> <phoenix-ad class="m-ad not-size-b not-size-c not-size-d m-in-card-ad--slot" config="{"adHtml":"","adReloaderDelay":0,"maxAdReloads":5,"adReloaderSizeCodes":null,"adCloseButton":false,"bonusConfig":null,"classRules":[{"dimensions":["0x0"],"classes":["m-advertisement--fluid-card","m-advertisement--fluid-image-card"]}],"localizedPhrases":{"advertisement_legend":"ADVERTISEMENT","outstream_clickout":"Visit Website","outstream_thanks":"Thanks for watching!"},"overrideOutstreamScript":false,"moduleClass":"m-in-card-ad","slotId":"ad-bda9e2f4b7984ffa921221444c89e1ef","visClasses":["not-size-b","not-size-c","not-size-d"],"extraClasses":null,"zone":"below_content_card","adGroup":"below_content_card-3","slotConfig":{"config":{"sizes":[[300,250],"fluid"]},"model":{"zone":"below_content_card","index":"3","isOutstream":false,"deferLoad":false,"nativeCardType":"image"},"sizes":[{"width":300,"height":250},{"name":"fluid"}],"screenSizes":["A"],"slotModel":{"zone":"below_content_card","index":"3","isOutstream":false,"deferLoad":false,"nativeCardType":"image"},"id":"ad-bda9e2f4b7984ffa921221444c89e1ef","adUnitPath":"/88059007/www.lordneo.com/graphic-design-video"}}" data-class-rules="[{"dimensions":["0x0"],"classes":["m-advertisement--fluid-card","m-advertisement--fluid-image-card"]}]"></phoenix-ad> <phoenix-ad class="m-ad not-size-a not-size-c not-size-d m-in-card-ad--slot" config="{"adHtml":"","adReloaderDelay":0,"maxAdReloads":5,"adReloaderSizeCodes":null,"adCloseButton":false,"bonusConfig":null,"classRules":[{"dimensions":["0x0"],"classes":["m-advertisement--fluid-card","m-advertisement--fluid-image-card"]}],"localizedPhrases":{"advertisement_legend":"ADVERTISEMENT","outstream_clickout":"Visit Website","outstream_thanks":"Thanks for watching!"},"overrideOutstreamScript":false,"moduleClass":"m-in-card-ad","slotId":"ad-5a3dd7d2017b41f7896458288bd5280c","visClasses":["not-size-a","not-size-c","not-size-d"],"extraClasses":null,"zone":"below_content_card","adGroup":"below_content_card-4","slotConfig":{"config":{"sizes":[[300,250],"fluid"]},"model":{"zone":"below_content_card","index":"4","isOutstream":false,"deferLoad":false,"nativeCardType":"image"},"sizes":[{"width":300,"height":250},{"name":"fluid"}],"screenSizes":["B"],"slotModel":{"zone":"below_content_card","index":"4","isOutstream":false,"deferLoad":false,"nativeCardType":"image"},"id":"ad-5a3dd7d2017b41f7896458288bd5280c","adUnitPath":"/88059007/www.lordneo.com/graphic-design-video"}}" data-class-rules="[{"dimensions":["0x0"],"classes":["m-advertisement--fluid-card","m-advertisement--fluid-image-card"]}]"></phoenix-ad> <phoenix-ad class="m-ad not-size-a not-size-b not-size-d m-in-card-ad--slot" config="{"adHtml":"","adReloaderDelay":0,"maxAdReloads":5,"adReloaderSizeCodes":null,"adCloseButton":false,"bonusConfig":null,"classRules":[{"dimensions":["0x0"],"classes":["m-advertisement--fluid-card","m-advertisement--fluid-image-card"]}],"localizedPhrases":{"advertisement_legend":"ADVERTISEMENT","outstream_clickout":"Visit Website","outstream_thanks":"Thanks for watching!"},"overrideOutstreamScript":false,"moduleClass":"m-in-card-ad","slotId":"ad-6545edff70ed4b04bc9107f6b51b8a2f","visClasses":["not-size-a","not-size-b","not-size-d"],"extraClasses":null,"zone":"below_content_card","adGroup":"below_content_card-5","slotConfig":{"config":{"sizes":[[300,250],"fluid"]},"model":{"zone":"below_content_card","index":"5","isOutstream":false,"deferLoad":false,"nativeCardType":"image"},"sizes":[{"width":300,"height":250},{"name":"fluid"}],"screenSizes":["C"],"slotModel":{"zone":"below_content_card","index":"5","isOutstream":false,"deferLoad":false,"nativeCardType":"image"},"id":"ad-6545edff70ed4b04bc9107f6b51b8a2f","adUnitPath":"/88059007/www.lordneo.com/graphic-design-video"}}" data-class-rules="[{"dimensions":["0x0"],"classes":["m-advertisement--fluid-card","m-advertisement--fluid-image-card"]}]"></phoenix-ad> </div> </div> </div> <div class="l-grid--item">  <phoenix-super-link href="/graphic-design-video/photoshop-mask-tutorial" onclick="return window.phoenixTrackRecommendationClickEvent && phoenixTrackRecommendationClickEvent('cardclick','/graphic-design-video/photoshop-mask-tutorial','tempestn_tile-hub_turbofuture_article-page_title-not-found-1-2',undefined, 'Image')"> <phoenix-card class="m-card mm-card--type-image mm-card--density-standard" role="article" index="3"> <div class="m-card--media"> <a class="m-card--image-link" onclick="return phoenixTrackClickEvent(this, event);" phx-track-id="Image" rel="" href="//www.lordneo.com/graphic-design-video/photoshop-mask-tutorial" title=""> <phoenix-picture> <picture class="is-waiting-to-load"> <source type="image/webp" media="(min-width: 675px)" data-srcset="https://images.saymedia-content.com/.image/ar_8:10%2Cc_fill%2Ccs_srgb%2Cg_faces:center%2Cq_auto:eco%2Cw_320/MTc4NDIxODM0NzQyNTA3MTE3/photoshop-mask-tutorial.webp 320w, https://images.saymedia-content.com/.image/ar_8:10%2Cc_fill%2Ccs_srgb%2Cg_faces:center%2Cq_auto:eco%2Cw_640/MTc4NDIxODM0NzQyNTA3MTE3/photoshop-mask-tutorial.webp 640w, https://images.saymedia-content.com/.image/ar_8:10%2Cc_fill%2Ccs_srgb%2Cg_faces:center%2Cq_auto:eco%2Cw_960/MTc4NDIxODM0NzQyNTA3MTE3/photoshop-mask-tutorial.webp 960w" sizes="320px"> <source media="(min-width: 675px)" data-srcset="https://images.saymedia-content.com/.image/ar_8:10%2Cc_fill%2Ccs_srgb%2Cfl_progressive%2Cg_faces:center%2Cq_auto:eco%2Cw_320/MTc4NDIxODM0NzQyNTA3MTE3/photoshop-mask-tutorial.jpg 320w, https://images.saymedia-content.com/.image/ar_8:10%2Cc_fill%2Ccs_srgb%2Cfl_progressive%2Cg_faces:center%2Cq_auto:eco%2Cw_640/MTc4NDIxODM0NzQyNTA3MTE3/photoshop-mask-tutorial.jpg 640w, https://images.saymedia-content.com/.image/ar_8:10%2Cc_fill%2Ccs_srgb%2Cfl_progressive%2Cg_faces:center%2Cq_auto:eco%2Cw_960/MTc4NDIxODM0NzQyNTA3MTE3/photoshop-mask-tutorial.jpg 960w" sizes="320px"> <source type="image/webp" media="(min-width: 0px)" data-srcset="https://images.saymedia-content.com/.image/ar_16:9%2Cc_fill%2Ccs_srgb%2Cg_faces:center%2Cq_auto:eco%2Cw_320/MTc4NDIxODM0NzQyNTA3MTE3/photoshop-mask-tutorial.webp 320w, https://images.saymedia-content.com/.image/ar_16:9%2Cc_fill%2Ccs_srgb%2Cg_faces:center%2Cq_auto:eco%2Cw_640/MTc4NDIxODM0NzQyNTA3MTE3/photoshop-mask-tutorial.webp 640w, https://images.saymedia-content.com/.image/ar_16:9%2Cc_fill%2Ccs_srgb%2Cg_faces:center%2Cq_auto:eco%2Cw_960/MTc4NDIxODM0NzQyNTA3MTE3/photoshop-mask-tutorial.webp 960w" sizes="320px"> <source media="(min-width: 0px)" data-srcset="https://images.saymedia-content.com/.image/ar_16:9%2Cc_fill%2Ccs_srgb%2Cfl_progressive%2Cg_faces:center%2Cq_auto:eco%2Cw_320/MTc4NDIxODM0NzQyNTA3MTE3/photoshop-mask-tutorial.jpg 320w, https://images.saymedia-content.com/.image/ar_16:9%2Cc_fill%2Ccs_srgb%2Cfl_progressive%2Cg_faces:center%2Cq_auto:eco%2Cw_640/MTc4NDIxODM0NzQyNTA3MTE3/photoshop-mask-tutorial.jpg 640w, https://images.saymedia-content.com/.image/ar_16:9%2Cc_fill%2Ccs_srgb%2Cfl_progressive%2Cg_faces:center%2Cq_auto:eco%2Cw_960/MTc4NDIxODM0NzQyNTA3MTE3/photoshop-mask-tutorial.jpg 960w" sizes="320px"> <img class="m-card--image-element" decoding="async" nopin="true" sizes="320px" src="https://images.saymedia-content.com/.image/ar_8:10%2Cc_fill%2Ccs_srgb%2Cfl_progressive%2Cg_faces:center%2Cq_auto:eco%2Cw_620/MTc4NDIxODM0NzQyNTA3MTE3/photoshop-mask-tutorial.jpg" srcset="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" alt="photoshop掩模教程"> </picture> <div class="m-card--image-aspect-ratio-pusher"></div> </phoenix-picture></a> </div> <div class="m-card--content"> <div class="m-card--label"> <a href="//www.lordneo.com/graphic-design-video/" onclick="return phoenixTrackClickEvent(this, event, 'click', 'phx-track-id', undefined) && window.phoenixStopEventPropagation && phoenixStopEventPropagation(event)" oncontextmenu="return window.phoenixStopEventPropagation && phoenixStopEventPropagation(event)" phx-track-id="Label">平面设计与视频编辑</a> </div> <phoenix-ellipsis class="m-ellipsis m-card--header"> <a onclick="return phoenixTrackClickEvent(this, event, 'click', 'phx-track-id', undefined) && window.phoenixStopEventPropagation && phoenixStopEventPropagation(event);" oncontextmenu="return window.phoenixStopEventPropagation && phoenixStopEventPropagation(event);" phx-track-id="Title" rel="" href="//www.lordneo.com/graphic-design-video/photoshop-mask-tutorial"><h2 class="m-ellipsis--text m-card--header-text" role="heading" aria-level="2">Photoshop掩蔽教程:提取一张照片</h2></a> </phoenix-ellipsis> <div class="m-card--metadata"> <div class="m-card--metadata-a"> <div> <a class="m-card--metadata-b-link" href="//www.lordneo.com/@mythphile" onclick="return phoenixTrackClickEvent(this, event, 'click', 'phx-track-id', undefined) && window.phoenixStopEventPropagation && phoenixStopEventPropagation(event);" oncontextmenu="return window.phoenixStopEventPropagation && phoenixStopEventPropagation(event);" phx-track-id="SectionKey">由艾伦Brundige</a> </div> <div> <span>2021年1月22日</span> </div> </div> </div> </div> </phoenix-card> </phoenix-super-link> </div> <div class="l-grid--item">  <phoenix-super-link href="/graphic-design-video/How-to-Make-Digital-Art-From-Photos-Without-Drawing" onclick="return window.phoenixTrackRecommendationClickEvent && phoenixTrackRecommendationClickEvent('cardclick','/graphic-design-video/How-to-Make-Digital-Art-From-Photos-Without-Drawing','tempestn_tile-hub_turbofuture_article-page_title-not-found-1-2',undefined, 'Image')"> <phoenix-card class="m-card mm-card--type-image mm-card--density-standard" role="article" index="4"> <div class="m-card--media"> <a class="m-card--image-link" onclick="return phoenixTrackClickEvent(this, event);" phx-track-id="Image" rel="" href="//www.lordneo.com/graphic-design-video/How-to-Make-Digital-Art-From-Photos-Without-Drawing" title=""> <phoenix-picture> <picture class="is-waiting-to-load"> <source type="image/webp" media="(min-width: 675px)" data-srcset="https://images.saymedia-content.com/.image/ar_8:10%2Cc_fill%2Ccs_srgb%2Cg_faces:center%2Cq_auto:eco%2Cw_320/MTgzOTM4NDE4NTEyODk3NzM3/how-to-make-digital-art-from-photos-without-drawing.webp 320w, https://images.saymedia-content.com/.image/ar_8:10%2Cc_fill%2Ccs_srgb%2Cg_faces:center%2Cq_auto:eco%2Cw_640/MTgzOTM4NDE4NTEyODk3NzM3/how-to-make-digital-art-from-photos-without-drawing.webp 640w, https://images.saymedia-content.com/.image/ar_8:10%2Cc_fill%2Ccs_srgb%2Cg_faces:center%2Cq_auto:eco%2Cw_960/MTgzOTM4NDE4NTEyODk3NzM3/how-to-make-digital-art-from-photos-without-drawing.webp 960w" sizes="320px"> <source media="(min-width: 675px)" data-srcset="https://images.saymedia-content.com/.image/ar_8:10%2Cc_fill%2Ccs_srgb%2Cfl_progressive%2Cg_faces:center%2Cq_auto:eco%2Cw_320/MTgzOTM4NDE4NTEyODk3NzM3/how-to-make-digital-art-from-photos-without-drawing.jpg 320w, https://images.saymedia-content.com/.image/ar_8:10%2Cc_fill%2Ccs_srgb%2Cfl_progressive%2Cg_faces:center%2Cq_auto:eco%2Cw_640/MTgzOTM4NDE4NTEyODk3NzM3/how-to-make-digital-art-from-photos-without-drawing.jpg 640w, https://images.saymedia-content.com/.image/ar_8:10%2Cc_fill%2Ccs_srgb%2Cfl_progressive%2Cg_faces:center%2Cq_auto:eco%2Cw_960/MTgzOTM4NDE4NTEyODk3NzM3/how-to-make-digital-art-from-photos-without-drawing.jpg 960w" sizes="320px"> <source type="image/webp" media="(min-width: 0px)" data-srcset="https://images.saymedia-content.com/.image/ar_16:9%2Cc_fill%2Ccs_srgb%2Cg_faces:center%2Cq_auto:eco%2Cw_320/MTgzOTM4NDE4NTEyODk3NzM3/how-to-make-digital-art-from-photos-without-drawing.webp 320w, https://images.saymedia-content.com/.image/ar_16:9%2Cc_fill%2Ccs_srgb%2Cg_faces:center%2Cq_auto:eco%2Cw_640/MTgzOTM4NDE4NTEyODk3NzM3/how-to-make-digital-art-from-photos-without-drawing.webp 640w, https://images.saymedia-content.com/.image/ar_16:9%2Cc_fill%2Ccs_srgb%2Cg_faces:center%2Cq_auto:eco%2Cw_960/MTgzOTM4NDE4NTEyODk3NzM3/how-to-make-digital-art-from-photos-without-drawing.webp 960w" sizes="320px"> <source media="(min-width: 0px)" data-srcset="https://images.saymedia-content.com/.image/ar_16:9%2Cc_fill%2Ccs_srgb%2Cfl_progressive%2Cg_faces:center%2Cq_auto:eco%2Cw_320/MTgzOTM4NDE4NTEyODk3NzM3/how-to-make-digital-art-from-photos-without-drawing.jpg 320w, https://images.saymedia-content.com/.image/ar_16:9%2Cc_fill%2Ccs_srgb%2Cfl_progressive%2Cg_faces:center%2Cq_auto:eco%2Cw_640/MTgzOTM4NDE4NTEyODk3NzM3/how-to-make-digital-art-from-photos-without-drawing.jpg 640w, https://images.saymedia-content.com/.image/ar_16:9%2Cc_fill%2Ccs_srgb%2Cfl_progressive%2Cg_faces:center%2Cq_auto:eco%2Cw_960/MTgzOTM4NDE4NTEyODk3NzM3/how-to-make-digital-art-from-photos-without-drawing.jpg 960w" sizes="320px"> <img class="m-card--image-element" decoding="async" nopin="true" sizes="320px" src="https://images.saymedia-content.com/.image/ar_8:10%2Cc_fill%2Ccs_srgb%2Cfl_progressive%2Cg_faces:center%2Cq_auto:eco%2Cw_620/MTgzOTM4NDE4NTEyODk3NzM3/how-to-make-digital-art-from-photos-without-drawing.jpg" srcset="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" alt="how-to-make-digital-art-from-photos-without-drawing"> </picture> <div class="m-card--image-aspect-ratio-pusher"></div> </phoenix-picture></a> </div> <div class="m-card--content"> <div class="m-card--label"> <a href="//www.lordneo.com/graphic-design-video/" onclick="return phoenixTrackClickEvent(this, event, 'click', 'phx-track-id', undefined) && window.phoenixStopEventPropagation && phoenixStopEventPropagation(event)" oncontextmenu="return window.phoenixStopEventPropagation && phoenixStopEventPropagation(event)" phx-track-id="Label">平面设计与视频编辑</a> </div> <phoenix-ellipsis class="m-ellipsis m-card--header"> <a onclick="return phoenixTrackClickEvent(this, event, 'click', 'phx-track-id', undefined) && window.phoenixStopEventPropagation && phoenixStopEventPropagation(event);" oncontextmenu="return window.phoenixStopEventPropagation && phoenixStopEventPropagation(event);" phx-track-id="Title" rel="" href="//www.lordneo.com/graphic-design-video/How-to-Make-Digital-Art-From-Photos-Without-Drawing"><h2 class="m-ellipsis--text m-card--header-text" role="heading" aria-level="2">如何从照片制作数字艺术而不绘图</h2></a> </phoenix-ellipsis> <div class="m-card--metadata"> <div class="m-card--metadata-a"> <div> <a class="m-card--metadata-b-link" href="//www.lordneo.com/@mikejhca" onclick="return phoenixTrackClickEvent(this, event, 'click', 'phx-track-id', undefined) && window.phoenixStopEventPropagation && phoenixStopEventPropagation(event);" oncontextmenu="return window.phoenixStopEventPropagation && phoenixStopEventPropagation(event);" phx-track-id="SectionKey">由迈克尔·H</a> </div> <div> <span>2021年9月24日</span> </div> </div> </div> </div> </phoenix-card> </phoenix-super-link> </div> <div class="l-grid--item">  <phoenix-super-link href="/graphic-design-video/Engineering-Design-Drawing-Levels" onclick="return window.phoenixTrackRecommendationClickEvent && phoenixTrackRecommendationClickEvent('cardclick','/graphic-design-video/Engineering-Design-Drawing-Levels','tempestn_tile-hub_turbofuture_article-page_title-not-found-1-2',undefined, 'Image')"> <phoenix-card class="m-card mm-card--type-image mm-card--density-standard" role="article" index="5"> <div class="m-card--media"> <a class="m-card--image-link" onclick="return phoenixTrackClickEvent(this, event);" phx-track-id="Image" rel="" href="//www.lordneo.com/graphic-design-video/Engineering-Design-Drawing-Levels" title=""> <phoenix-picture> <picture class="is-waiting-to-load"> <source type="image/webp" media="(min-width: 675px)" data-srcset="https://images.saymedia-content.com/.image/ar_8:10%2Cc_fill%2Ccs_srgb%2Cg_faces:center%2Cq_auto:eco%2Cw_320/MTc0MzAxMzI3NDA3NzIwMzE2/engineering-design-drawing-levels.webp 320w, https://images.saymedia-content.com/.image/ar_8:10%2Cc_fill%2Ccs_srgb%2Cg_faces:center%2Cq_auto:eco%2Cw_640/MTc0MzAxMzI3NDA3NzIwMzE2/engineering-design-drawing-levels.webp 640w, https://images.saymedia-content.com/.image/ar_8:10%2Cc_fill%2Ccs_srgb%2Cg_faces:center%2Cq_auto:eco%2Cw_960/MTc0MzAxMzI3NDA3NzIwMzE2/engineering-design-drawing-levels.webp 960w" sizes="320px"> <source media="(min-width: 675px)" data-srcset="https://images.saymedia-content.com/.image/ar_8:10%2Cc_fill%2Ccs_srgb%2Cfl_progressive%2Cg_faces:center%2Cq_auto:eco%2Cw_320/MTc0MzAxMzI3NDA3NzIwMzE2/engineering-design-drawing-levels.jpg 320w, https://images.saymedia-content.com/.image/ar_8:10%2Cc_fill%2Ccs_srgb%2Cfl_progressive%2Cg_faces:center%2Cq_auto:eco%2Cw_640/MTc0MzAxMzI3NDA3NzIwMzE2/engineering-design-drawing-levels.jpg 640w, https://images.saymedia-content.com/.image/ar_8:10%2Cc_fill%2Ccs_srgb%2Cfl_progressive%2Cg_faces:center%2Cq_auto:eco%2Cw_960/MTc0MzAxMzI3NDA3NzIwMzE2/engineering-design-drawing-levels.jpg 960w" sizes="320px"> <source type="image/webp" media="(min-width: 0px)" data-srcset="https://images.saymedia-content.com/.image/ar_16:9%2Cc_fill%2Ccs_srgb%2Cg_faces:center%2Cq_auto:eco%2Cw_320/MTc0MzAxMzI3NDA3NzIwMzE2/engineering-design-drawing-levels.webp 320w, https://images.saymedia-content.com/.image/ar_16:9%2Cc_fill%2Ccs_srgb%2Cg_faces:center%2Cq_auto:eco%2Cw_640/MTc0MzAxMzI3NDA3NzIwMzE2/engineering-design-drawing-levels.webp 640w, https://images.saymedia-content.com/.image/ar_16:9%2Cc_fill%2Ccs_srgb%2Cg_faces:center%2Cq_auto:eco%2Cw_960/MTc0MzAxMzI3NDA3NzIwMzE2/engineering-design-drawing-levels.webp 960w" sizes="320px"> <source media="(min-width: 0px)" data-srcset="https://images.saymedia-content.com/.image/ar_16:9%2Cc_fill%2Ccs_srgb%2Cfl_progressive%2Cg_faces:center%2Cq_auto:eco%2Cw_320/MTc0MzAxMzI3NDA3NzIwMzE2/engineering-design-drawing-levels.jpg 320w, https://images.saymedia-content.com/.image/ar_16:9%2Cc_fill%2Ccs_srgb%2Cfl_progressive%2Cg_faces:center%2Cq_auto:eco%2Cw_640/MTc0MzAxMzI3NDA3NzIwMzE2/engineering-design-drawing-levels.jpg 640w, https://images.saymedia-content.com/.image/ar_16:9%2Cc_fill%2Ccs_srgb%2Cfl_progressive%2Cg_faces:center%2Cq_auto:eco%2Cw_960/MTc0MzAxMzI3NDA3NzIwMzE2/engineering-design-drawing-levels.jpg 960w" sizes="320px"> <img class="m-card--image-element" decoding="async" nopin="true" sizes="320px" src="https://images.saymedia-content.com/.image/ar_8:10%2Cc_fill%2Ccs_srgb%2Cfl_progressive%2Cg_faces:center%2Cq_auto:eco%2Cw_620/MTc0MzAxMzI3NDA3NzIwMzE2/engineering-design-drawing-levels.jpg" srcset="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" alt="engineering-design-drawing-levels"> </picture> <div class="m-card--image-aspect-ratio-pusher"></div> </phoenix-picture></a> </div> <div class="m-card--content"> <div class="m-card--label"> <a href="//www.lordneo.com/graphic-design-video/" onclick="return phoenixTrackClickEvent(this, event, 'click', 'phx-track-id', undefined) && window.phoenixStopEventPropagation && phoenixStopEventPropagation(event)" oncontextmenu="return window.phoenixStopEventPropagation && phoenixStopEventPropagation(event)" phx-track-id="Label">平面设计与视频编辑</a> </div> <phoenix-ellipsis class="m-ellipsis m-card--header"> <a onclick="return phoenixTrackClickEvent(this, event, 'click', 'phx-track-id', undefined) && window.phoenixStopEventPropagation && phoenixStopEventPropagation(event);" oncontextmenu="return window.phoenixStopEventPropagation && phoenixStopEventPropagation(event);" phx-track-id="Title" rel="" href="//www.lordneo.com/graphic-design-video/Engineering-Design-Drawing-Levels"><h2 class="m-ellipsis--text m-card--header-text" role="heading" aria-level="2">工程设计图纸等级</h2></a> </phoenix-ellipsis> <div class="m-card--metadata"> <div class="m-card--metadata-a"> <div> <a class="m-card--metadata-b-link" href="//www.lordneo.com/@andrewcross" onclick="return phoenixTrackClickEvent(this, event, 'click', 'phx-track-id', undefined) && window.phoenixStopEventPropagation && phoenixStopEventPropagation(event);" oncontextmenu="return window.phoenixStopEventPropagation && phoenixStopEventPropagation(event);" phx-track-id="SectionKey">安德鲁C罗斯</a> </div> <div> <span>2021年1月13日</span> </div> </div> </div> </div> </phoenix-card> </phoenix-super-link> </div> <div class="l-grid--item">  <phoenix-super-link href="/graphic-design-video/Black-And-White-With-a-Splash-of-Color-A-GIMP-Tutorial" onclick="return window.phoenixTrackRecommendationClickEvent && phoenixTrackRecommendationClickEvent('cardclick','/graphic-design-video/Black-And-White-With-a-Splash-of-Color-A-GIMP-Tutorial','tempestn_tile-hub_turbofuture_article-page_title-not-found-1-2',undefined, 'Image')"> <phoenix-card class="m-card mm-card--type-image mm-card--density-standard" role="article" index="6"> <div class="m-card--media"> <a class="m-card--image-link" onclick="return phoenixTrackClickEvent(this, event);" phx-track-id="Image" rel="" href="//www.lordneo.com/graphic-design-video/Black-And-White-With-a-Splash-of-Color-A-GIMP-Tutorial" title=""> <phoenix-picture> <picture class="is-waiting-to-load"> <source type="image/webp" media="(min-width: 675px)" data-srcset="https://images.saymedia-content.com/.image/ar_8:10%2Cc_fill%2Ccs_srgb%2Cg_faces:center%2Cq_auto:eco%2Cw_320/MTc0MDUzODIxMDU4NjU1Njg5/black-and-white-with-a-splash-of-color-a-gimp-tutorial.webp 320w, https://images.saymedia-content.com/.image/ar_8:10%2Cc_fill%2Ccs_srgb%2Cg_faces:center%2Cq_auto:eco%2Cw_640/MTc0MDUzODIxMDU4NjU1Njg5/black-and-white-with-a-splash-of-color-a-gimp-tutorial.webp 640w, https://images.saymedia-content.com/.image/ar_8:10%2Cc_fill%2Ccs_srgb%2Cg_faces:center%2Cq_auto:eco%2Cw_960/MTc0MDUzODIxMDU4NjU1Njg5/black-and-white-with-a-splash-of-color-a-gimp-tutorial.webp 960w" sizes="320px"> <source media="(min-width: 675px)" data-srcset="https://images.saymedia-content.com/.image/ar_8:10%2Cc_fill%2Ccs_srgb%2Cfl_progressive%2Cg_faces:center%2Cq_auto:eco%2Cw_320/MTc0MDUzODIxMDU4NjU1Njg5/black-and-white-with-a-splash-of-color-a-gimp-tutorial.jpg 320w, https://images.saymedia-content.com/.image/ar_8:10%2Cc_fill%2Ccs_srgb%2Cfl_progressive%2Cg_faces:center%2Cq_auto:eco%2Cw_640/MTc0MDUzODIxMDU4NjU1Njg5/black-and-white-with-a-splash-of-color-a-gimp-tutorial.jpg 640w, https://images.saymedia-content.com/.image/ar_8:10%2Cc_fill%2Ccs_srgb%2Cfl_progressive%2Cg_faces:center%2Cq_auto:eco%2Cw_960/MTc0MDUzODIxMDU4NjU1Njg5/black-and-white-with-a-splash-of-color-a-gimp-tutorial.jpg 960w" sizes="320px"> <source type="image/webp" media="(min-width: 0px)" data-srcset="https://images.saymedia-content.com/.image/ar_16:9%2Cc_fill%2Ccs_srgb%2Cg_faces:center%2Cq_auto:eco%2Cw_320/MTc0MDUzODIxMDU4NjU1Njg5/black-and-white-with-a-splash-of-color-a-gimp-tutorial.webp 320w, https://images.saymedia-content.com/.image/ar_16:9%2Cc_fill%2Ccs_srgb%2Cg_faces:center%2Cq_auto:eco%2Cw_640/MTc0MDUzODIxMDU4NjU1Njg5/black-and-white-with-a-splash-of-color-a-gimp-tutorial.webp 640w, https://images.saymedia-content.com/.image/ar_16:9%2Cc_fill%2Ccs_srgb%2Cg_faces:center%2Cq_auto:eco%2Cw_960/MTc0MDUzODIxMDU4NjU1Njg5/black-and-white-with-a-splash-of-color-a-gimp-tutorial.webp 960w" sizes="320px"> <source media="(min-width: 0px)" data-srcset="https://images.saymedia-content.com/.image/ar_16:9%2Cc_fill%2Ccs_srgb%2Cfl_progressive%2Cg_faces:center%2Cq_auto:eco%2Cw_320/MTc0MDUzODIxMDU4NjU1Njg5/black-and-white-with-a-splash-of-color-a-gimp-tutorial.jpg 320w, https://images.saymedia-content.com/.image/ar_16:9%2Cc_fill%2Ccs_srgb%2Cfl_progressive%2Cg_faces:center%2Cq_auto:eco%2Cw_640/MTc0MDUzODIxMDU4NjU1Njg5/black-and-white-with-a-splash-of-color-a-gimp-tutorial.jpg 640w, https://images.saymedia-content.com/.image/ar_16:9%2Cc_fill%2Ccs_srgb%2Cfl_progressive%2Cg_faces:center%2Cq_auto:eco%2Cw_960/MTc0MDUzODIxMDU4NjU1Njg5/black-and-white-with-a-splash-of-color-a-gimp-tutorial.jpg 960w" sizes="320px"> <img class="m-card--image-element" decoding="async" nopin="true" sizes="320px" src="https://images.saymedia-content.com/.image/ar_8:10%2Cc_fill%2Ccs_srgb%2Cfl_progressive%2Cg_faces:center%2Cq_auto:eco%2Cw_620/MTc0MDUzODIxMDU4NjU1Njg5/black-and-white-with-a-splash-of-color-a-gimp-tutorial.jpg" srcset="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" alt="black-and-white-with-a-splash-of-color-a-gimp-tutorial"> </picture> <div class="m-card--image-aspect-ratio-pusher"></div> </phoenix-picture></a> </div> <div class="m-card--content"> <div class="m-card--label"> <a href="//www.lordneo.com/graphic-design-video/" onclick="return phoenixTrackClickEvent(this, event, 'click', 'phx-track-id', undefined) && window.phoenixStopEventPropagation && phoenixStopEventPropagation(event)" oncontextmenu="return window.phoenixStopEventPropagation && phoenixStopEventPropagation(event)" phx-track-id="Label">平面设计与视频编辑</a> </div> <phoenix-ellipsis class="m-ellipsis m-card--header"> <a onclick="return phoenixTrackClickEvent(this, event, 'click', 'phx-track-id', undefined) && window.phoenixStopEventPropagation && phoenixStopEventPropagation(event);" oncontextmenu="return window.phoenixStopEventPropagation && phoenixStopEventPropagation(event);" phx-track-id="Title" rel="" href="//www.lordneo.com/graphic-design-video/Black-And-White-With-a-Splash-of-Color-A-GIMP-Tutorial"><h2 class="m-ellipsis--text m-card--header-text" role="heading" aria-level="2">如何使照片黑白与色彩飞溅：GIMP照片教程</h2></a> </phoenix-ellipsis> <div class="m-card--metadata"> <div class="m-card--metadata-a"> <div> <a class="m-card--metadata-b-link" href="//www.lordneo.com/@leahlefler" onclick="return phoenixTrackClickEvent(this, event, 'click', 'phx-track-id', undefined) && window.phoenixStopEventPropagation && phoenixStopEventPropagation(event);" oncontextmenu="return window.phoenixStopEventPropagation && phoenixStopEventPropagation(event);" phx-track-id="SectionKey">莉亚·莱弗勒</a> </div> <div> <span>2021年1月23日</span> </div> </div> </div> </div> </phoenix-card> </phoenix-super-link> </div> </phoenix-non-personalized-recommendations-tracking> </section> <div class="m-component-footer--container m-component-stack--footer" stream-more-items="MTU6MTU6ZmI5M2YzMDA4M2RjMmVlMWM2NzE3NjkxZWIzOWMxMzc=" initial-slots="eyJBIjp7ImkiOjgsInQiOjJ9LCJCIjp7ImkiOjYsInQiOjJ9LCJDIjp7ImkiOjYsInQiOjIsImMiOjZ9LCJEIjp7ImkiOjYsInQiOjJ9fQ==" site-base-path=""> <phoenix-footer-loader class="m-footer-loader"> <button class="m-footer-loader--button m-component-footer--loader m-button" onclick="return phoenixTrackClickEvent(this, event);" phx-track-id="load more"> <div class="m-footer-loader--button-text m-component-footer--text m-component-footer--loading"> 加载……</div> <div class="m-footer-loader--button-text m-component-footer--text m-component-footer--button-text"> 查看更多</div></button> </phoenix-footer-loader> </div> </phoenix-hub> </section> <footer class="m-footer mm-footer--has-publisher-logo"> <div class="m-footer--container"> <div class="m-footer--links-cell"> <ul class="m-footer--links"> <li aria-hidden="false" phx-track-id="Footer Links"><a href="https://thearenagroup.net/privacy-policy/" rel="noopener" target="_blank" onclick="return phoenixTrackClickEvent(this, event);" phx-track-id="Link">隐私政策</a></li> <li aria-hidden="false" phx-track-id="Footer Links"><a href="https://thearenagroup.net/terms-of-use/" rel="noopener" target="_blank" onclick="return phoenixTrackClickEvent(this, event);" phx-track-id="Link">使用条款</a></li> <li aria-hidden="false" phx-track-id="Footer Links"><a href="//www.lordneo.com/about-us" onclick="return phoenixTrackClickEvent(this, event);" phx-track-id="Link">关于我们</a></li> <li aria-hidden="false" phx-track-id="Footer Links"><a href="//www.lordneo.com/editorial-policy" onclick="return phoenixTrackClickEvent(this, event);" phx-track-id="Link">编辑政策</a></li> </ul> <div class="m-footer--copyright"> 爱游戏入口 </div> </div> <div class="m-footer--maven-logo-cell"> <a rel="noopener" target="_blank" href="https://thearenagroup.net/" aria-label="A channel by The Arena Group"> <phoenix-icon-fallback class="m-svg m-footer--maven-logo" icon="arena_footer_logo"> <svg> <use xlink:href="/assets-global/icons/svg-sprite.svg?v=2021-10-14-202825-55bebfc-022983#arena_footer_logo"></use> </svg> </phoenix-icon-fallback></a> </div> </div> </footer> </div> <div id="do-not-sell-button"></div> <div class="m-fixedbottom-ad--container"> <phoenix-ad class="m-fixedbottom-ad not-size-b not-size-c not-size-d" auto-reload config="{"adReloaderDelay":30,"maxAdReloads":25,"adReloaderSizeCodes":["300x50","320x50","320x60","728x90","768x66","970x90","1x1"],"moduleClass":"m-fixedbottom-ad","slotId":"ad-994d19d16c58421baeeb935bef925f4c","visClasses":["not-size-b","not-size-c","not-size-d"],"slotConfig":{"config":{"sizes":[[320,50],[320,60],[300,50]]},"model":{"zone":"fixed_bottom","index":0,"isOutstream":false,"deferLoad":true},"sizes":[{"name":"fixedBottomA"}],"screenSizes":["A"],"slotModel":{"zone":"fixed_bottom","index":0,"isOutstream":false,"deferLoad":true},"id":"ad-994d19d16c58421baeeb935bef925f4c","adUnitPath":"/88059007/www.lordneo.com/graphic-design-video"}}" data-class-rules="[{"dimensions":["300x50","301x50","320x50","321x50","728x90","729x90","970x90","971x90","1x1"],"classes":["m-advertisement--fixedbottom","m-advertisement--fixedbottom-contained"]},{"dimensions":["728x90","729x90","970x90","971x90","1x1"],"classes":["m-advertisement--fixedbottom-close-button"]}]" defer-until-event="phoenix:balloonHeader:popped" fixed-visible scroll-to-refresh="1.2" container-height="50" container-width="300"> <div class="m-fixedbottom-ad--slot is-placeholder not-size-b not-size-c not-size-d"> <div id="ad-994d19d16c58421baeeb935bef925f4c"></div> <div class="m-advertisement--close-button is-hidden"> <div class="m-advertisement--close-button-label"> 关</div> </div> </div> </phoenix-ad> <phoenix-ad class="m-fixedbottom-ad not-size-a not-size-c not-size-d" auto-reload close-button config="{"adReloaderDelay":30,"maxAdReloads":25,"adReloaderSizeCodes":["300x50","320x50","320x60","728x90","768x66","970x90","1x1"],"moduleClass":"m-fixedbottom-ad","slotId":"ad-bca0fe95930a4e07aa859758bbec731c","visClasses":["not-size-a","not-size-c","not-size-d"],"slotConfig":{"config":{"sizes":[[728,90],[768,66]]},"model":{"zone":"fixed_bottom","index":0,"isOutstream":false,"deferLoad":true},"sizes":[{"name":"fixedBottomB"}],"screenSizes":["B"],"slotModel":{"zone":"fixed_bottom","index":0,"isOutstream":false,"deferLoad":true},"id":"ad-bca0fe95930a4e07aa859758bbec731c","adUnitPath":"/88059007/www.lordneo.com/graphic-design-video"}}" data-class-rules="[{"dimensions":["300x50","301x50","320x50","321x50","728x90","729x90","970x90","971x90","1x1"],"classes":["m-advertisement--fixedbottom","m-advertisement--fixedbottom-contained"]},{"dimensions":["728x90","729x90","970x90","971x90","1x1"],"classes":["m-advertisement--fixedbottom-close-button"]}]" defer-until-event="phoenix:balloonHeader:popped" fixed-visible scroll-to-refresh="1.2" container-height="90" container-width="728"> <div class="m-fixedbottom-ad--slot is-placeholder not-size-a not-size-c not-size-d"> <div id="ad-bca0fe95930a4e07aa859758bbec731c"></div> <div class="m-advertisement--close-button is-hidden"> <div class="m-advertisement--close-button-label"> 关</div> </div> </div> </phoenix-ad> <phoenix-ad class="m-fixedbottom-ad not-size-a not-size-b not-size-d" auto-reload close-button config="{"adReloaderDelay":30,"maxAdReloads":25,"adReloaderSizeCodes":["300x50","320x50","320x60","728x90","768x66","970x90","1x1"],"moduleClass":"m-fixedbottom-ad","slotId":"ad-1d86fd845a8445e383c916de9c2afa2c","visClasses":["not-size-a","not-size-b","not-size-d"],"slotConfig":{"config":{"sizes":[[728,90],[900,65],[970,90]]},"model":{"zone":"fixed_bottom","index":0,"isOutstream":false,"deferLoad":true},"sizes":[{"name":"fixedBottomC"}],"screenSizes":["C"],"slotModel":{"zone":"fixed_bottom","index":0,"isOutstream":false,"deferLoad":true},"id":"ad-1d86fd845a8445e383c916de9c2afa2c","adUnitPath":"/88059007/www.lordneo.com/graphic-design-video"}}" data-class-rules="[{"dimensions":["300x50","301x50","320x50","321x50","728x90","729x90","970x90","971x90","1x1"],"classes":["m-advertisement--fixedbottom","m-advertisement--fixedbottom-contained"]},{"dimensions":["728x90","729x90","970x90","971x90","1x1"],"classes":["m-advertisement--fixedbottom-close-button"]}]" defer-until-event="phoenix:balloonHeader:popped" fixed-visible scroll-to-refresh="1.2" container-height="90" container-width="728"> <div class="m-fixedbottom-ad--slot is-placeholder not-size-a not-size-b not-size-d"> <div id="ad-1d86fd845a8445e383c916de9c2afa2c"></div> <div class="m-advertisement--close-button is-hidden"> <div class="m-advertisement--close-button-label"> 关</div> </div> </div> </phoenix-ad> <phoenix-ad class="m-fixedbottom-ad not-size-a not-size-b not-size-c" auto-reload close-button config="{"adReloaderDelay":30,"maxAdReloads":25,"adReloaderSizeCodes":["300x50","320x50","320x60","728x90","768x66","970x90","1x1"],"moduleClass":"m-fixedbottom-ad","slotId":"ad-977f820359e847b888e41ca7ae700814","visClasses":["not-size-a","not-size-b","not-size-c"],"slotConfig":{"config":{"sizes":[]},"model":{"zone":"fixed_bottom","index":0,"isOutstream":false,"deferLoad":true},"sizes":[{"name":"fixedBottomD"}],"screenSizes":["D"],"slotModel":{"zone":"fixed_bottom","index":0,"isOutstream":false,"deferLoad":true},"id":"ad-977f820359e847b888e41ca7ae700814","adUnitPath":"/88059007/www.lordneo.com/graphic-design-video"}}" data-class-rules="[{"dimensions":["300x50","301x50","320x50","321x50","728x90","729x90","970x90","971x90","1x1"],"classes":["m-advertisement--fixedbottom","m-advertisement--fixedbottom-contained"]},{"dimensions":["728x90","729x90","970x90","971x90","1x1"],"classes":["m-advertisement--fixedbottom-close-button"]}]" defer-until-event="phoenix:balloonHeader:popped" fixed-visible scroll-to-refresh="1.2" container-height="90" container-width="728"> <div class="m-fixedbottom-ad--slot is-placeholder not-size-a not-size-b not-size-c"> <div id="ad-977f820359e847b888e41ca7ae700814"></div> <div class="m-advertisement--close-button is-hidden"> <div class="m-advertisement--close-button-label"> 关</div> </div> </div> </phoenix-ad> </div> <div class="m-ad-adhesion" id="ad-81accb75f1c742c9a82364c782b21619"></div> </div> </div> <phoenix-script delay-load load-after-critical-elements src="//www.lordneo.com/.bootscripts/webcomponents/overlay.min.js?v=2021-10-14-202825-55bebfc-022983"></phoenix-script> <phoenix-script delay-load load-after-critical-elements src="//www.lordneo.com/.bootscripts/webcomponents/timeago.min.js?v=2021-10-14-202825-55bebfc-022983"></phoenix-script> <phoenix-script delay-load load-after-critical-elements src="//www.lordneo.com/.bootscripts/webcomponents/simpleForm.min.js?v=2021-10-14-202825-55bebfc-022983"></phoenix-script> <phoenix-script delay-load load-after-critical-elements src="//www.lordneo.com/.bootscripts/webcomponents/tabs.min.js?v=2021-10-14-202825-55bebfc-022983"></phoenix-script> <phoenix-script delay-load load-after-critical-elements src="//www.lordneo.com/.bootscripts/webcomponents/accordion.min.js?v=2021-10-14-202825-55bebfc-022983"></phoenix-script> <phoenix-script delay-load load-after-critical-elements src="//www.lordneo.com/.bootscripts/webcomponents/breadcrumbs.min.js?v=2021-10-14-202825-55bebfc-022983"></phoenix-script> <phoenix-script delay-load load-after-critical-elements src="//www.lordneo.com/.bootscripts/webcomponents/outbrain.min.js?v=2021-10-14-202825-55bebfc-022983"></phoenix-script> <phoenix-script delay-load load-after-critical-elements src="//www.lordneo.com/.bootscripts/webcomponents/videoFloat.min.js?v=2021-10-14-202825-55bebfc-022983"></phoenix-script> <phoenix-script delay-load load-after-critical-elements src="//www.lordneo.com/.bootscripts/webcomponents/video.min.js?v=2021-10-14-202825-55bebfc-022983"></phoenix-script> <phoenix-script delay-load load-after-critical-elements src="//www.lordneo.com/.bootscripts/webcomponents/hub.min.js?v=2021-10-14-202825-55bebfc-022983"></phoenix-script> <phoenix-script delay-load load-after-critical-elements src="//www.lordneo.com/.bootscripts/webcomponents/card.min.js?v=2021-10-14-202825-55bebfc-022983"></phoenix-script> <phoenix-script delay-load load-after-critical-elements src="//www.lordneo.com/.bootscripts/webcomponents/nonPersonalizedRecommendationsTracking.min.js?v=2021-10-14-202825-55bebfc-022983"></phoenix-script> <phoenix-script delay-load load-after-critical-elements src="//www.lordneo.com/.bootscripts/webcomponents/footerLoader.min.js?v=2021-10-14-202825-55bebfc-022983"></phoenix-script> <phoenix-script delay-load load-after-critical-elements src="//www.lordneo.com/.bootscripts/webcomponents/dropDown.min.js?v=2021-10-14-202825-55bebfc-022983"></phoenix-script> <phoenix-script delay-load load-after-critical-elements src="//www.lordneo.com/.bootscripts/webcomponents/stickyNav.min.js?v=2021-10-14-202825-55bebfc-022983"></phoenix-script> <phoenix-script delay-load load-after-critical-elements src="//www.lordneo.com/.bootscripts/webcomponents/iconFallback.min.js?v=2021-10-14-202825-55bebfc-022983"></phoenix-script> <phoenix-script delay-load src="//www.lordneo.com/.bootscripts/hubRebalancer.min.js?v=2021-10-14-202825-55bebfc-022983"></phoenix-script> <phoenix-script script-id="liftigniter-init" block-on-ccpa-reject block-premium delay-load></phoenix-script>  <phoenix-script script-id="carbon-analytics" block-on-gdpr-vendor-consent="clicksco" block-on-gdpr-purpose-consent="measurement" block-on-ccpa-reject block-premium delay-load></phoenix-script> </phoenix-page> <div style="text-align:center;margin-bottom:5px;"><form action="http://www.baidu.com/baidu" target="_blank"><div bgcolor="#FFFFFF" style="text-align:center;"><input name="tn" type="hidden" value="baidu"><a href="http://www.baidu.com/"><img src="http://img.baidu.com/img/logo-80px.gif" width="80px" height="29px" alt="Baidu" align="bottom" border="0"></a><input type="text" name="word" size="30" placeholder="" value=""><input type="submit" value="百度搜索"></div></form></div><div id="so360" style="text-align:center;margin-bottom:5px;"><form action="https://www.so.com/" target="_blank" id="so360form"><img src="http://p1.qhimg.com/d/_onebox/search.png" width="100px" height="25px"> <input type="text" autocomplete="off" name="q" id="so360_keyword" placeholder="" value=""> <input type="submit" id="so360_submit" value="360搜索"> <input type="hidden" name="ie" value="gbk"><input type="hidden" name="src" value="zz"> <input type="hidden" name="site" value="so.com"> <input type="hidden" name="rg" value="1"></form></div><div id="sogou" style="text-align:center;margin-bottom:5px;"><form action="https://www.sogou.com/" target="_blank" id="so360form"><img src="https://www.sogou.com/web/index/images/logo_440x140.v.4.png" width="100px" height="25px"> <input type="text" autocomplete="off" name="q" id="sogou.com_keyword" placeholder="" value=""> <input type="submit" id="sogou_submit" value="搜狗"> <input type="hidden" name="ie" value="gbk"><input type="hidden" name="src" value="zz"> <input type="hidden" name="site" value="so.com"> <input type="hidden" name="rg" value="1"></form></div></body> </html>